angular9 如何 增加 webpack配置 并将px转换为rem
2021-04-11 06:25
标签：ESS conf ade 项目 less list 信息 server target 1.在项目中安装@angular-builders 2.在你的项目根目录创建 webpack.config.js 文件 (和angular.json 同级) 3.在你的angular.json 文件中 进行配置 首先 配置 ng serve 指令 一共需要替换两处，添加一处信息 具体替换， 更改内容可以查看 https://www.npmjs.com/package/@angular-builders/custom-webpack 或者 https://github.com/just-jeb/angular-builders 注意 如果需要使用postcss-loader 需要在根目录 创建 postcss.config.js 内容如下 angular9 如何 增加 webpack配置 并将px转换为rem 标签：ESS conf ade 项目 less list 信息 server target 原文地址：https://www.cnblogs.com/MainActivity/p/12420235.htmlnpm i -D @angular-builders/custom-webpack
module.exports = {
module: {
rules: [{
test: /\.less$/,
use: [
‘postcss-loader‘,
‘less-loader‘,
]
}]
}
};
"architect": {
...
"build": {
"builder": "@angular-builders/custom-webpack:browser", 这里进行替换
"options": {
这里进行添加
"customWebpackConfig": {
"path": "./extra-webpack.config.js"
},
...
}
},
"serve": {
"builder": "@angular-builders/custom-webpack:dev-server", 这里进行替换
"options": {
"browserTarget": "my-project:build"
}
}
module.exports = () => ({
plugins: [
require(‘postcss-pxtorem‘)({
rootValue: 192.0,
propList: [‘*‘]
})
]
});
下一篇：迁移到webpack4：从webpack.optimize.CommonsChunkPlugin到config.optimization.splitChunk，以及有个搜出来的中文解决办法是错的
文章标题：angular9 如何 增加 webpack配置 并将px转换为rem
文章链接：http://soscw.com/index.php/essay/74135.html