webpack.config.js的内容也要配置在vue.config.js这个下面吗
时间: 2023-07-18 17:36:35 浏览: 162
在 Vue CLI 3.x 及以上版本中,建议将自定义的 webpack 配置写在 `vue.config.js` 文件中,而不是直接修改 `webpack.config.js` 文件。因为 `vue.config.js` 文件是 Vue CLI 提供的配置文件,它会在打包时自动与默认的 webpack 配置合并,而不会覆盖默认配置。这样可以避免因为修改默认的 webpack 配置而导致的一些问题。
在 `vue.config.js` 文件中,你可以通过 `configureWebpack` 选项来进行自定义 webpack 配置。例如,如下代码可以将一个自定义的 loader 添加到 webpack 配置中:
```javascript
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.custom$/,
loader: 'custom-loader'
}
]
}
}
}
```
当然,如果你需要更多的灵活性,你也可以通过 `chainWebpack` 选项来进行更细粒度的配置。例如,如下代码可以将一个自定义的 loader 添加到 webpack 配置中:
```javascript
module.exports = {
chainWebpack: config => {
config.module
.rule('custom')
.test(/\.custom$/)
.use('custom-loader')
.loader('custom-loader')
.end()
}
}
```
阅读全文