Vue CLI是一個(gè)基于Vue.js進(jìn)行快速開發(fā)的完整系統(tǒng)。它可以幫助開發(fā)人員搭建工程化的Vue.js項(xiàng)目,支持的功能包括創(chuàng)建項(xiàng)目、添加插件、自定義配置、打包構(gòu)建等。其中,Vue CLI使用的是Webpack 4.x版本進(jìn)行打包,Webpack的配置對(duì)于Vue項(xiàng)目的開發(fā)和構(gòu)建至關(guān)重要。
Vue CLI基于Webpack中的vue-loader和vue-style-loader,提供了一套優(yōu)秀的Vue組件打包規(guī)范,同時(shí)支持 ES6/7、Sass、Less、PostCSS、TypeScript等語(yǔ)言和預(yù)編譯器,能夠快速地搭建一個(gè)高質(zhì)量的Vue.js項(xiàng)目。
// vue.config.js文件中的Webpack配置
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': resolve('src'),
'components': resolve('src/components')
}
}
}
}
此外,Vue CLI還提供了一些Webpack的優(yōu)化選項(xiàng),包括使用