configwebpack
时间: 2023-11-23 10:55:12 浏览: 112
`configureWebpack`是Vue CLI中的一个配置项,用于配置webpack插件。它有两种形式,一种是对象形式,一种是函数的形式,并且都对生产环境和开发环境做了判断。在对象形式中,我们可以直接设置webpack的配置项,如设置别名、压缩代码等。在函数形式中,我们可以通过传入一个config对象来修改webpack的配置,如设置别名、压缩代码等。同时,我们也可以根据不同的环境来设置不同的配置,如只在生产环境中压缩代码等。
下面是一个示例代码:
```javascript
module.exports = {
// 对象形式配置configureWebpack
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
},
plugins: [
new UglifyPlugin(),
new CompressionPlugin()
]
},
// 函数形式配置configureWebpack
configureWebpack: config => {
config.name = 'xxx'
config.resolve = {
...config.resolve,
alias: {
'@': path.resolve(__dirname, 'src')
}
}
if (process.env.NODE_ENV === 'production') {
const plugins = [
new UglifyPlugin(),
new CompressionPlugin()
]
config.plugins.push(...plugins)
}
}
}
```
阅读全文