Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
535 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 Reply

0 votes
by (71.8m points)

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

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...