Vue CLI 可以輕松的搭建Vue項目,同時也提供了對應的接口讓開發者能夠進一步的自定義配置,從而更好的滿足項目的需求。
下面我們一起來了解一些Vue CLI接口的用法。
1. vue.config.js 文件。
module.exports = {
devServer: {
proxy: 'http://localhost:8888'
}
}
2. 其他Vue CLI的配置。
module.exports = {
chainWebpack: config =>{
config.resolve.alias.set('@', resolve('./src'))
},
pluginOptions: {
foo: {
baz: true
}
}
}
3. 插件的使用。
module.exports = {
configureWebpack: {
plugins: [
new MyPlugin()
]
}
}
4. 模式的配置。
module.exports = {
chainWebpack: config =>{
if (process.env.NODE_ENV === 'production') {
config.optimization.minimize(true)
}
}
}
總之,Vue CLI的接口提供了很多靈活的自定義配置,并且我們很容易就能上手,加快項目的開發效率。