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