Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
534 views
in Technique[技术] by (71.8m points)

关于vue-cli3和postcss-px2rem-exclude打包后字体不生效

"lib-flexible": "^0.3.2",
"postcss-px2rem-exclude": "^0.0.6"

使用vue-cli3最新版v4.4.4,配置了postcss.config.js,开发模式下px2rem能生效,/px/能根据dpr设置px,
图片.png图片.png
但是打包过后/px/没生效,直接被编译成rem,图片.png
网上没找到答案,希望有大佬指点,谢谢


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

找到原因了,是sass-loader打包的时候将/*no*/ /*px*/ 注释掉了,解决办法:
vue.config.js中

css: {
    loaderOptions: {
      sass:{
        sassOptions:{
          outputStyle: 'expanded'
        }
      }
    }
  },

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...