vue.config.js 中的chainWebpack和configureWebpack
chainWebpack和configureWebpackvue-cli 配置文件vue.config.js 文档地址https://cli.vuejs.org/zh/config/#configurewebpack下面就是对他们简单的一个介绍点击进入 配合webpack>… 进入到webpack文档我这里总结下 这两个怎么用。configureWebpack:会被 webpack-merg
·
chainWebpack和configureWebpack
vue-cli 配置文件vue.config.js 文档地址https://cli.vuejs.org/zh/config/#configurewebpack
下面就是对他们简单的一个介绍
点击进入 配合webpack>… 进入到webpack文档
我这里总结下 这两个怎么用。
configureWebpack:会被 webpack-merge 合并入最终的 webpack 配置,有两种写法。
里面可以配置一些基础的信息,不过vue.config.js里面已经配置了的需要到vue.config.js中配置,没有的比如 config.devtool = ‘eval-source-map’ 或者config.optimization优化项,还可以使用webpack的插件(官网例子有,chainWebpack也能使用)。
2.
// vue.config.js
module.exports = {
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
// 为生产环境修改配置...
} else {
// 为开发环境修改配置...
}
}
}
1.
// vue.config.js
module.exports = {
configureWebpack: {
plugins: [
new MyAwesomeWebpackPlugin()
]
}
}
chainWebpack通过 webpack-chain 维护的,修改一些高级配置,比如修改,添加,替换loader, 使用、修改插件
写法见官网有
这里只是针对chainWebpack和configureWebpack的用法做了一个总结。
更多推荐
已为社区贡献5条内容
所有评论(0)