資訊專欄INFORMATION COLUMN
摘要：在使用創(chuàng)建項目后，因為的配置均被隱藏了，當(dāng)你需要覆蓋原有的配置時，則需要在項目的根目錄下，新建文件，來配置新的配置。
在使用vue-cli3創(chuàng)建項目后，因為webpack的配置均被隱藏了，當(dāng)你需要覆蓋原有的配置時，則需要在項目的根目錄下，新建vue.config.js文件，來配置新的配置。配置的相關(guān)字段
vue.config.js會被自動加載
module.exports = {
/* 部署生產(chǎn)環(huán)境和開發(fā)環(huán)境下的URL：可對當(dāng)前環(huán)境進行區(qū)分，baseUrl 從 Vue CLI 3.3 起已棄用，要使用publicPath */
/* baseUrl: process.env.NODE_ENV === "production" ? "./" : "/" */
publicPath: process.env.NODE_ENV === "production" ? "/public/" : "./",
/* 輸出文件目錄：在npm run build時，生成文件的目錄名稱 */
outputDir: "dist",
/* 放置生成的靜態(tài)資源 (js、css、img、fonts) 的 (相對于 outputDir 的) 目錄 */
assetsDir: "assets",
/* 是否在構(gòu)建生產(chǎn)包時生成 sourceMap 文件，false將提高構(gòu)建速度 */
productionSourceMap: false,
/* 默認(rèn)情況下，生成的靜態(tài)資源在它們的文件名中包含了 hash 以便更好的控制緩存，你可以通過將這個選項設(shè)為 false 來關(guān)閉文件名哈希。(false的時候就是讓原來的文件名不改變) */
filenameHashing: false,
/* 代碼保存時進行eslint檢測 */
lintOnSave: true,
/* webpack-dev-server 相關(guān)配置 */
devServer: {
/* 自動打開瀏覽器 */
open: true,
/* 設(shè)置為0.0.0.0則所有的地址均能訪問 */
host: "0.0.0.0",
port: 8066,
https: false,
hotOnly: false,
/* 使用代理 */
proxy: {
"/api": {
/* 目標(biāo)代理服務(wù)器地址 */
target: "http://47.100.47.3/",
/* 允許跨域 */
changeOrigin: true,
},
},
},
}
正在努力學(xué)習(xí)中，若對你的學(xué)習(xí)有幫助，留下你的印記唄（點個贊咯^_^）
往期好文推薦：
使用vue開發(fā)移動端管理后臺
實現(xiàn)單行及多行文字超出后加省略號
node之本地服務(wù)器圖片上傳
純css實現(xiàn)瀑布流（multi-column多列及flex布局）
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109923.html
摘要：那么，我們該如何去配置自己的項目了其實這一切都是因為的項目初始化，幫開發(fā)者已經(jīng)解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區(qū)別 vue-cli 3 的 github 倉庫由原有獨立的 github 倉庫遷移到了 vue 項目下 ...
摘要：那么，我們該如何去配置自己的項目了其實這一切都是因為的項目初始化，幫開發(fā)者已經(jīng)解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區(qū)別 vue-cli 3 的 github 倉庫由原有獨立的 github 倉庫遷移到了 vue 項目下 ...
摘要：那么，我們該如何去配置自己的項目了其實這一切都是因為的項目初始化，幫開發(fā)者已經(jīng)解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區(qū)別 vue-cli 3 的 github 倉庫由原有獨立的 github 倉庫遷移到了 vue 項目下 ...
摘要：如何配置中的路徑別名前段時間更新電腦重裝了一下，發(fā)現(xiàn)了已經(jīng)更新到版。那么怎么在中配置路徑別名呢創(chuàng)建項目在根目錄下新建修改之所以用，是因為偷了個懶利用中中已經(jīng)配好的路徑有興趣的可以進入文件里面看一看參考文檔相關(guān)簡單的配置方式 如何配置vue-cli 3中vue.config.js的路徑別名？ 前段時間更新電腦重裝了一下vue-cli，發(fā)現(xiàn)了vue-cli已經(jīng)更新到3.0版。用來搭建項目后...
摘要：如何配置中的路徑別名前段時間更新電腦重裝了一下，發(fā)現(xiàn)了已經(jīng)更新到版。那么怎么在中配置路徑別名呢創(chuàng)建項目在根目錄下新建修改之所以用，是因為偷了個懶利用中中已經(jīng)配好的路徑有興趣的可以進入文件里面看一看參考文檔相關(guān)簡單的配置方式 如何配置vue-cli 3中vue.config.js的路徑別名？ 前段時間更新電腦重裝了一下vue-cli，發(fā)現(xiàn)了vue-cli已經(jīng)更新到3.0版。用來搭建項目后...
摘要：下載安裝，這里我使用安裝如果已經(jīng)安裝之前版本或需要先卸載，再安裝新的版本。還給出了多頁面的配置選項，這比之前配置多頁面要方便的多。接下來需要在里面進行多頁面的配置。 1.下載安裝vue-cli3，這里我使用npm安裝 npm install -g @vue/cli 如果已經(jīng)安裝之前版本（1.x或2.x）需要先卸載，再安裝新的版本。安裝完成后可以通過vue --version命令查看版本...
閱讀 1024·2021-10-27 14:15
閱讀 2778·2021-10-25 09:45
閱讀 1942·2021-09-02 09:45
閱讀 3370·2019-08-30 15:55
閱讀 1807·2019-08-29 16:05
閱讀 3204·2019-08-28 18:13
閱讀 3118·2019-08-26 13:58
閱讀 457·2019-08-26 12:01
