要自定义Angular 7的webpack配置,可以按照以下步骤进行操作:
在项目根目录下创建一个名为"webpack.config.js"的文件。
打开"webpack.config.js"文件,并添加以下内容:
const path = require('path');
module.exports = {
mode: 'development',
entry: './src/main.ts',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
resolve: {
extensions: ['.ts', '.js']
},
module: {
rules: [
{
test: /\.ts$/,
use: 'ts-loader',
exclude: /node_modules/
}
]
}
};
这个配置文件告诉Webpack如何处理你的Angular项目。
"architect": {
"build": {
"builder": "node_modules/@angular-builders/custom-webpack:browser",
"options": {
"customWebpackConfig": {
"path": "./webpack.config.js"
},
// ...
}
},
// ...
}
现在,Webpack将使用你自定义的配置文件来构建你的Angular应用程序。你可以根据需要修改"webpack.config.js"文件来添加其他自定义配置。