Vue-cli@3 的vue.config.js默認(rèn)配置

module.exports = {
 // 用法和 webpack 本身的 output.publicPath 一致旭贬,但是 Vue CLI 在一些其他地方也需要用到這個(gè)值扮休,
 // 所以請(qǐng)始終使用 publicPath 而不要直接修改 webpack 的 output.publicPath丈甸。
 publicPath: '/',
 // 當(dāng)運(yùn)行 vue-cli-service build 時(shí)生成的生產(chǎn)環(huán)境構(gòu)建文件的目錄。
 // 注意目標(biāo)目錄在構(gòu)建之前會(huì)被清除 (構(gòu)建時(shí)傳入 --no-clean 可關(guān)閉該行為)笛洛。
 // 始終使用 outputDir 而不要修改 webpack 的 output.path
 outputDir: 'dist',
 // 放置生成的靜態(tài)資源 (js、css、img俭驮、fonts) 的 (相對(duì)于 outputDir 的) 目錄。
 // 從生成的資源覆寫(xiě) filename 或 chunkFilename 時(shí)春贸,assetsDir 會(huì)被忽略混萝。
 assetsDir: '',
 // 指定生成的 index.html 的輸出路徑 (相對(duì)于 outputDir)。也可以是一個(gè)絕對(duì)路徑祥诽。
 indexPath: 'index.html',
 // 默認(rèn)情況下譬圣,生成的靜態(tài)資源在它們的文件名中包含了 hash 以便更好的控制緩存。
 // 然而雄坪,這也要求 index 的 HTML 是被 Vue CLI 自動(dòng)生成的厘熟。
 //如果你無(wú)法使用 Vue CLI 生成的 index HTML屯蹦,你可以通過(guò)將這個(gè)選項(xiàng)設(shè)為 false 來(lái)關(guān)閉文件名哈希。
 filenameHashing: true,
 // 在 multi-page 模式下構(gòu)建應(yīng)用绳姨。每個(gè)“page”應(yīng)該有一個(gè)對(duì)應(yīng)的 JavaScript 入口文件登澜。
 //其值應(yīng)該是一個(gè)對(duì)象,對(duì)象的 key 是入口的名字飘庄,value 是:
 //  - 一個(gè)指定了 entry, template, filename, title 和 chunks 的對(duì)象 (除了 entry 之外都是可選的)脑蠕;
 // - 或一個(gè)指定其 entry 的字符串。
 pages: {
   index: {
     // page 的入口
     entry: 'src/index/main.js',
     // 模板來(lái)源
     template: 'public/index.html',
     // 在 dist/index.html 的輸出
     filename: 'index.html',
     // 當(dāng)使用 title 選項(xiàng)時(shí)跪削,
     // template 中的 title 標(biāo)簽需要是 <title><%= htmlWebpackPlugin.options.title %></title>
     title: 'Index Page',
     // 在這個(gè)頁(yè)面中包含的塊谴仙,默認(rèn)情況下會(huì)包含
     // 提取出來(lái)的通用 chunk 和 vendor chunk。
     chunks: ['chunk-vendors', 'chunk-common', 'index']
   },
   // 當(dāng)使用只有入口的字符串格式時(shí)碾盐,
   // 模板會(huì)被推導(dǎo)為 `public/subpage.html`
   // 并且如果找不到的話晃跺,就回退到 `public/index.html`。
   // 輸出文件名會(huì)被推導(dǎo)為 `subpage.html`毫玖。
   subpage: 'src/subpage/main.js'
 },
 // eslint如何顯示
 lintOnsave: true,
 // 是否在客戶端編譯模版
 runtimeComplier: false,
 // 默認(rèn)情況下 babel-loader 會(huì)忽略所有 node_modules 中的文件掀虎。
 //如果你想要通過(guò) Babel 顯式轉(zhuǎn)譯一個(gè)依賴,可以在這個(gè)選項(xiàng)中列出來(lái)付枫。
 transpileDependencies: [],
 // 如果不需要生產(chǎn)環(huán)境的source map, 可以將其設(shè)置為false以加速生產(chǎn)環(huán)境構(gòu)建
 productionSOurceMap: true,
 // 設(shè)置生成的URL中<link rel="stylesheet">和<script>標(biāo)簽的crossorigin屬性
 crossorigin: undefined,
 // 在生成的HTML中的<link rel="stylesheet">和<script>標(biāo)簽上啟用Subresource Integrity
 integrity: false,

 // 如果是一個(gè)對(duì)象烹玉,會(huì)通過(guò)webpack-merge 合并到最終的配置中
 //如果是一個(gè)函數(shù),會(huì)接受被解析的配置作為參數(shù)阐滩,可以修改或返回配置
 configureWebpack: {} || funtion,
 // 接收一個(gè)基于webpack-chain的ChainableConfig實(shí)例二打。允許對(duì)webpack配置進(jìn)行更粒度的修改
 //CSS Modules的配置
 css: {
   // 是否默認(rèn)*.module.[ext]結(jié)尾未見(jiàn)作為CSS Modules模塊
   modules: false,
   // 是否將組件中CSS提取到一個(gè)獨(dú)立的CSS中。生產(chǎn)環(huán)境:true叶眉,開(kāi)發(fā)環(huán)境: false
   extract: boolean || object,
   // 是否為CSS開(kāi)啟source map
   sourceMap: false,
   // CSS 相關(guān) loadedr 配置
   loderOptions: {
     // css-loader
     css: {},
     // postcss-loader
     postcss: {},
     // sass-loader
     sass: {},
     // less-loader
     less: {},
     // stylus-loader
     stylus: {}
   }
 },
 // webpack-dev-server 的選項(xiàng)配置
 devServer: {
   // 代理轉(zhuǎn)發(fā)
   proxy: string || object,
 },
 // 是否為Babel或Typescript使用thread-loader
 parallel: boolean,
 // 向PWA插件傳遞選項(xiàng)
 pwa: {},
 // 不用進(jìn)行任何schema驗(yàn)證的對(duì)象址儒,可以用來(lái)傳遞第三方插件
 pluginOptions: {}
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市衅疙,隨后出現(xiàn)的幾起案子莲趣,更是在濱河造成了極大的恐慌,老刑警劉巖饱溢,帶你破解...
    沈念sama閱讀 221,635評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件喧伞,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡绩郎,警方通過(guò)查閱死者的電腦和手機(jī)潘鲫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肋杖,“玉大人溉仑,你說(shuō)我怎么就攤上這事∽粗玻” “怎么了浊竟?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,083評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵怨喘,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我振定,道長(zhǎng)必怜,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,640評(píng)論 1 296
  • 正文 為了忘掉前任后频,我火速辦了婚禮梳庆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卑惜。我一直安慰自己膏执,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布露久。 她就那樣靜靜地躺著胧后,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抱环。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,262評(píng)論 1 308
  • 那天纸巷,我揣著相機(jī)與錄音镇草,去河邊找鬼。 笑死瘤旨,一個(gè)胖子當(dāng)著我的面吹牛梯啤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播存哲,決...
    沈念sama閱讀 40,833評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼因宇,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了祟偷?” 一聲冷哼從身側(cè)響起察滑,我...
    開(kāi)封第一講書(shū)人閱讀 39,736評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎修肠,沒(méi)想到半個(gè)月后贺辰,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嵌施,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評(píng)論 3 340
  • 正文 我和宋清朗相戀三年饲化,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吗伤。...
    茶點(diǎn)故事閱讀 40,503評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡吃靠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出足淆,到底是詐尸還是另有隱情巢块,我是刑警寧澤礁阁,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站夕冲,受9級(jí)特大地震影響氮兵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜歹鱼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評(píng)論 3 333
  • 文/蒙蒙 一泣栈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧弥姻,春花似錦南片、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,340評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至秧廉,卻和暖如春伞广,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背疼电。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,460評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工嚼锄, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蔽豺。 一個(gè)月前我還...
    沈念sama閱讀 48,909評(píng)論 3 376
  • 正文 我出身青樓区丑,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親修陡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子沧侥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容