vue-cli webpack lib-flexible px2rem 配置

[DestinyHunter]

vu-cli脚手架webpack模板使用淘宝lib-flexible配置px2rem转换

首先安装postcss-flexible,开始我是安装的postcss-px2rem,但是会先压缩所以注释不起作用.

安装命令:

 npm i postcss-flexible -D

编辑vue-loader.conf.js最后添加:

postcss:[require('postcss-flexible')({'remUnit':75,'baseDpr':2})]

书写看文档postcss-flexible.

.vue页面内的样式可以转变，@import '.css'样式却不能转变?

解决：在css-loader后面加上参数?importLoaders=1。

vue-cli脚手架中，webpack2这个版本，在utils.js这个文件中做如下修改：

var cssLoader = {
    loader: 'css-loader?importLoaders=1',
    options: {
      minimize: process.env.NODE_ENV === 'production',
      sourceMap: options.sourceMap
    }
}