Vue CLI是用于快速搭建Vue.js項(xiàng)目的腳手架工具。近期,Vue CLI發(fā)布了3.0版本,新版本帶來(lái)了許多改進(jìn)和優(yōu)化
Vue CLI 3.0的一大改進(jìn)是使用了插件式架構(gòu),這意味著用戶只需要安裝自己需要的插件,而不是整個(gè)Vue CLI。這樣可以減小項(xiàng)目的體積,加快構(gòu)建速度。
// 使用命令行下載vue-cli npm install -g @vue/cli // 創(chuàng)建一個(gè)新的vue項(xiàng)目 vue create my-project
另外,Vue CLI 3.0也支持自定義配置了。開(kāi)發(fā)者可以通過(guò)創(chuàng)建vue.config.js文件來(lái)覆蓋默認(rèn)的webpack配置,以滿足不同項(xiàng)目的需求。
// vue.config.js文件例子 module.exports = { baseUrl: '/my-project' }
Vue CLI 3.0還引入了“模式”概念。現(xiàn)在,用戶可以通過(guò)vue.config.js設(shè)置生產(chǎn)模式和開(kāi)發(fā)模式的配置。
// vue.config.js文件例子 module.exports = { productionSourceMap: false, // 關(guān)閉生成source map css: { extract: true // 提取CSS到獨(dú)立的文件 } }
總之,Vue CLI 3.0帶來(lái)了不少新的特性和改進(jìn),讓開(kāi)發(fā)更加方便和舒適。