以上方法中,webapack.config.js中的配置,如何在vue.config.js中配置
时间: 2024-05-16 15:17:50 浏览: 77
详解如何配置vue-cli3.0的vue.config.js
在 `vue.config.js` 中配置 `webpack` 的方式是使用 `configureWebpack` 或 `chainWebpack` 选项。
使用 `configureWebpack` 选项,可以直接修改 webpack 配置对象。
例如,在 `vue.config.js` 中添加以下代码:
```javascript
module.exports = {
configureWebpack: {
plugins: [
new MyWebpackPlugin()
]
}
}
```
这将添加一个自定义的 webpack 插件 `MyWebpackPlugin` 到 webpack 配置中。
另一方面,使用 `chainWebpack` 选项,可以通过链式调用方式修改 webpack 配置。
例如,在 `vue.config.js` 中添加以下代码:
```javascript
module.exports = {
chainWebpack: config => {
config.plugin('my-plugin')
.use(MyWebpackPlugin)
}
}
```
这将使用 `MyWebpackPlugin` 插件来修改 webpack 配置。
需要注意的是,`chainWebpack` 和 `configureWebpack` 选项是互斥的,也就是说,如果同时使用了这两个选项,`configureWebpack` 选项会覆盖 `chainWebpack` 选项。
阅读全文