webpack配置报错
描述: 一般遇到这个错误,说明你编写的代码语法与本地安装的webpack版本不兼容。
原因是项目要用到px转换为rem,使用postcss-px2rem这个插件的时候,0.3.0版本的配置如下:
var px2rem = require('postcss-px2rem');
module.exports = {
module: {
loaders: [
{
test: /\.css$/,
loader: "style-loader!css-loader!postcss-loader"
}
]
},
postcss: function() {
return [px2rem({remUnit: 75})];
}
}
说明webpack版本和这个插件的0.3.0版本的语法postcss不兼容,于是我换了另外一个px转换为rem的插件px2rem-loader
,版本号为^0.1.9
,配置方式:
npm install px2rem-loader
- webpack.base.config.js=>在module的rules下添加
{ test: /\.scss$/, loaders: ["style", "css", "sass"] }
sass就配置好了, 再页面中
<