Vue CLI是Vue.js官方提供的腳手架工具,可以幫助開發者快速構建Vue.js應用程序,并且提供了豐富的腳手架配置選項,可以滿足不同項目的要求。
Vue CLI的配置分為兩種:全局配置和項目配置。全局配置可以通過vue.config.js文件來進行配置,包括webpack配置、插件配置、devServer配置等。項目配置則可以通過vue.config.js文件的configureWebpack選項,或者通過.vue文件中的webpack選項來進行配置。
// vue.config.js module.exports = { // webpack配置 configureWebpack: { // ... }, // devServer配置 devServer: { // ... }, // 插件配置 pluginOptions: { // ... } }
其中,configureWebpack選項可以直接設置webpack配置,例如:
// vue.config.js module.exports = { configureWebpack: { externals: { // ... } } }
另外,如果需要覆蓋默認的webpack配置,也可以直接使用chainWebpack配置函數:
// vue.config.js module.exports = { chainWebpack: config =>{ // ... } }
除此之外,Vue CLI還提供了一些額外的選項,例如lintOnSave選項,可以控制在開發環境是否需要啟用eslint驗證等。
// vue.config.js module.exports = { // 是否在開發環境中開啟eslint驗證 lintOnSave: process.env.NODE_ENV !== 'production', // ... }
上一篇html底部二維碼代碼
下一篇go json 嵌套