旅行社网站开发,嘉兴网站建议,企石做网站,七牛图片水印 wordpress前言
项目对应的 webpack5 版本如下#xff1a;
npm i webpack5.89.0 -D
npm i webpack-cli5.1.4 -D升级插件
说明一下#xff0c;我更喜欢固定版本号#xff0c;这样随机bug会少很多#xff0c;更可控~
npm i postcss-loader6.1.1 -D
npm i postcss-pxtorem6.0.0 -D配…
前言
项目对应的 webpack5 版本如下
npm i webpack5.89.0 -D
npm i webpack-cli5.1.4 -D升级插件
说明一下我更喜欢固定版本号这样随机bug会少很多更可控~
npm i postcss-loader6.1.1 -D
npm i postcss-pxtorem6.0.0 -D配置
根目录下新建文件 postcss.config.js 配置如下
module.exports {plugins: {postcss-pxtorem: {rootValue: 16, // 16px 1remunitPrecision: 5,propList: [*],// selectorBlackList: [el-,],replace: true,mediaQuery: false,minPixelValue: 0}}
}webpack.config.js 修改 代码第 8 和 16 行添加 postcss-loader它会自动去读取文件 postcss.config.js 的配置 代码第 16 行注意这一行必须在下一行的 stylus-loader 之前。也就是在预处理语言 stylus loader之前否则报错。 同理其它预处理语言类似如 sass 等 参考 Webpack5 postcss-loader 配置
module.exports {module: {rules: [{test: /\.css$/,use: [style-loader,css-loader,postcss-loader]},{test: /\.styl(us)?$/,use: [style-loader,css-loader,postcss-loader,stylus-loader]}]}
};
