postcss-px-to-viewport.js 875 B

1234567891011121314151617181920212223242526
  1. export default function () {
  2. this.nuxt.hook('build:before', (nuxt, buildOptions) => {
  3. // console.log("🚀 ~ file: postcss-px-to-viewport.js ~ line 3 ~ this.nuxt.hook ~ buildOptions", buildOptions)
  4. // buildOptions.postcss.plugins;
  5. // console.log(
  6. // '🚀 ~ file: postcss-px-to-viewport.js ~ line 9 ~ this.nuxt.hook ~ buildOptions.postcss.plugins',
  7. // buildOptions.postcss.plugins,
  8. // );
  9. buildOptions.postcss = buildOptions.postcss || {};
  10. buildOptions.postcss.plugins = buildOptions.postcss.plugins || {};
  11. buildOptions.postcss.plugins['postcss-px-to-viewport'] = {
  12. unitToConvert: 'px',
  13. viewportWidth: 375,
  14. unitPrecision: 10,
  15. viewportUnit: 'vw',
  16. mediaQuery: false,
  17. exclude: [
  18. /\/pages\/businessCard\// // 排除 pages/businessCard 目录 不进行px转vw
  19. ],
  20. };
  21. });
  22. }