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: {}
}
Vue-cli@3 的vue.config.js默認(rèn)配置
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肋杖,“玉大人溉仑,你說(shuō)我怎么就攤上這事∽粗玻” “怎么了浊竟?”我有些...
- 文/不壞的土叔 我叫張陵怨喘,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我振定,道長(zhǎng)必怜,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任后频,我火速辦了婚禮梳庆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卑惜。我一直安慰自己膏执,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布露久。 她就那樣靜靜地躺著胧后,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抱环。 梳的紋絲不亂的頭發(fā)上,一...
- 那天纸巷,我揣著相機(jī)與錄音镇草,去河邊找鬼。 笑死瘤旨,一個(gè)胖子當(dāng)著我的面吹牛梯啤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播存哲,決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼因宇,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了祟偷?” 一聲冷哼從身側(cè)響起察滑,我...
- 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎修肠,沒(méi)想到半個(gè)月后贺辰,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡嵌施,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年饲化,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吗伤。...
- 正文 年R本政府宣布,位于F島的核電站夕冲,受9級(jí)特大地震影響氮兵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜歹鱼,卻給世界環(huán)境...
- 文/蒙蒙 一泣栈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧弥姻,春花似錦南片、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至秧廉,卻和暖如春伞广,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背疼电。 一陣腳步聲響...
- 正文 我出身青樓区丑,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親修陡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子沧侥,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1.下載vue-cli vue-cli的使用與詳細(xì)介紹宴杀,可以到github上獲取https://github.co...
- 上一篇寫(xiě)了 vue-cli package 啟動(dòng)打包命令配置 vue-cli 3.0腳手架配置 (二) baseU...
- vue中 默認(rèn)的 config/index.js:配置的詳細(xì)理解 -【以及webpack配置的理解】-config...