chainWebpack Type:Function;
是一个函数,会接收一个基于webpack-chain的ChainableConfig实例。允许内部对webpack的配置进行细粒度的更改。
HTML
public/index.html 文件是一个会被html-webpack-plugin处理的模板。在构建过程中,资源链接会被自动注入
因为index文件被用作模板,所以你可以使用loadsh template语法插入内容
// 删除 HTML 相关的 webpack 插件
chainWebpack: config => {
config.plugins.delete(‘html’)
config.plugins.delete(‘preload’)
config.plugins.delete(‘prefetch’)
}
构建一个多页应用
Vue CLI 支持使用 vue.config.js中的pages选项构建一个多页面的应用。
基于环境有条件的配置行为,或者想要直接修改配置,换成一个函数(该函数会在环境变量设置之后懒加载)
// vue.config.js module.exports = {
configureWebpack: config => {
if (process.env.NODE_ENV === ‘production’) {
// 为生产环境修改配置…
} else {
// 为开发环境修改配置…
}
}
}
// provide the app’s title in webpack’s name field, so that
// it can be accessed in index.html to inject the correct title.
configureWebpack: {
name:name,
resolve: {
alias: {
‘@’ : resolve(‘src’);
}
}
},