Vue.js是一款用戶界面框架,它采用了組件化的開發方式,非常適合構建單頁應用程序。在Vue.js開發時,我們需要用到一些構建工具來幫助我們完成構建和編譯工作。其中,Vue CLI是Vue.js的一個腳手架工具,它幫助我們快速生成Vue.js項目的基礎代碼架構。
Vue CLI提供了許多構建參數供我們選擇,其中最常用的是build參數。build參數是用來構建項目的,主要包括以下幾個子參數:
{
"build": {
"mode": "production",
"target": "app",
"outDir": "build",
"assetsDir": "",
"indexPath": "index.html",
"filenameHashing": true,
"productionSourceMap": false,
"transpileDependencies": [
"vue",
"@babel"
],
"chainWebpack": {},
"configureWebpack": {}
}
}
其中,mode參數用來指定構建模式,可以是production、development、none中的任意一個。target參數用來指定構建目標,可以是app、lib、還是其他值。outDir參數是構建輸出目錄,assetsDir參數是靜態資源輸出目錄。indexPath參數是入口文件的輸出目錄,filenameHashing參數用來控制文件名是否使用hash值。
另外,productionSourceMap參數用來指定是否生成源代碼映射文件;transpileDependencies參數用來指定需要使用Babel轉換的依賴;chainWebpack參數和configureWebpack參數用來擴展或覆蓋默認的Webpack配置。
總而言之,build參數是Vue CLI構建工具中非常重要的一個參數,使用build參數能夠讓我們更加靈活地完成Vue.js項目的構建工作。
上一篇python 換頁爬圖片
下一篇vue build ip