Vue CLI 4.0正式發(fā)布,是一款面向Vue.js開(kāi)發(fā)的官方命令行工具。Vue CLI提供了快速生成Vue.js項(xiàng)目的腳手架、項(xiàng)目配置等功能,可以讓開(kāi)發(fā)者專(zhuān)注于業(yè)務(wù)邏輯的開(kāi)發(fā)。
最新版本的Vue CLI 4.0引入了很多新特性,其中最值得關(guān)注的是插件機(jī)制的變化。在Vue CLI 3.x中,插件都是全局的,一旦安裝之后,它的功能就會(huì)在所有的項(xiàng)目中生效。而在Vue CLI 4.0中,插件成為了可選項(xiàng),需要在每個(gè)項(xiàng)目中單獨(dú)安裝。
vue add @vue/cli-plugin-eslint
Vue CLI 4.0采用了一種新的插件編寫(xiě)方式,使得插件的安裝和使用更加靈活。插件作者可以自由選擇要導(dǎo)出哪些配置、依賴(lài)等,開(kāi)發(fā)者只需要按需安裝,即可使用插件提供的功能。
除此之外,Vue CLI 4.0還進(jìn)一步優(yōu)化了構(gòu)建流程,提供了更多的配置選項(xiàng)。比如現(xiàn)在可以配置Webpack的resolve和alias選項(xiàng),也支持使用CSS Modules編寫(xiě)模塊化的CSS代碼了。
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
},
},
css: {
requireModuleExtension: true,
},
}
總之,Vue CLI 4.0在功能和性能方面都有了大幅的提升,非常值得開(kāi)發(fā)者嘗試。