成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

vue-cli3中vue.config.js配置

GeekGhc / 3134人閱讀

摘要：在使用創(chuàng)建項(xiàng)目后，因?yàn)榈呐渲镁浑[藏了，當(dāng)你需要覆蓋原有的配置時(shí)，則需要在項(xiàng)目的根目錄下，新建文件，來(lái)配置新的配置。

在使用vue-cli3創(chuàng)建項(xiàng)目后，因?yàn)閣ebpack的配置均被隱藏了，當(dāng)你需要覆蓋原有的配置時(shí)，則需要在項(xiàng)目的根目錄下，新建vue.config.js文件，來(lái)配置新的配置。
配置的相關(guān)字段

vue.config.js會(huì)被自動(dòng)加載

module.exports = {
    /* 部署生產(chǎn)環(huán)境和開(kāi)發(fā)環(huán)境下的URL：可對(duì)當(dāng)前環(huán)境進(jìn)行區(qū)分，baseUrl 從 Vue CLI 3.3 起已棄用，要使用publicPath */ 
    /* baseUrl: process.env.NODE_ENV === "production" ? "./" : "/" */
    publicPath: process.env.NODE_ENV === "production" ? "/public/" : "./",
    /* 輸出文件目錄：在npm run build時(shí)，生成文件的目錄名稱(chēng) */
    outputDir: "dist",
    /* 放置生成的靜態(tài)資源 (js、css、img、fonts) 的 (相對(duì)于 outputDir 的) 目錄 */
    assetsDir: "assets",
    /* 是否在構(gòu)建生產(chǎn)包時(shí)生成 sourceMap 文件，false將提高構(gòu)建速度 */
    productionSourceMap: false,
    /* 默認(rèn)情況下，生成的靜態(tài)資源在它們的文件名中包含了 hash 以便更好的控制緩存，你可以通過(guò)將這個(gè)選項(xiàng)設(shè)為 false 來(lái)關(guān)閉文件名哈希。(false的時(shí)候就是讓原來(lái)的文件名不改變) */
    filenameHashing: false,
    /* 代碼保存時(shí)進(jìn)行eslint檢測(cè) */
    lintOnSave: true,
    /* webpack-dev-server 相關(guān)配置 */
    devServer: {
        /* 自動(dòng)打開(kāi)瀏覽器 */
        open: true,
        /* 設(shè)置為0.0.0.0則所有的地址均能訪問(wèn) */
        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í)中，若對(duì)你的學(xué)習(xí)有幫助，留下你的印記唄（點(diǎn)個(gè)贊咯^_^）

往期好文推薦：

使用vue開(kāi)發(fā)移動(dòng)端管理后臺(tái)

實(shí)現(xiàn)單行及多行文字超出后加省略號(hào)

node之本地服務(wù)器圖片上傳

純css實(shí)現(xiàn)瀑布流（multi-column多列及flex布局）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109923.html

相關(guān)文章

  • 如何配置 vue-cli 3.0 的 vue.config.js

    摘要：那么，我們?cè)撊绾稳ヅ渲米约旱捻?xiàng)目了其實(shí)這一切都是因?yàn)榈捻?xiàng)目初始化，幫開(kāi)發(fā)者已經(jīng)解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區(qū)別 vue-cli 3 的 github 倉(cāng)庫(kù)由原有獨(dú)立的 github 倉(cāng)庫(kù)遷移到了 vue 項(xiàng)目下 ...

    xuweijian 評(píng)論0 收藏0

  • 如何配置 vue-cli 3.0 的 vue.config.js

    摘要：那么，我們?cè)撊绾稳ヅ渲米约旱捻?xiàng)目了其實(shí)這一切都是因?yàn)榈捻?xiàng)目初始化，幫開(kāi)發(fā)者已經(jīng)解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區(qū)別 vue-cli 3 的 github 倉(cāng)庫(kù)由原有獨(dú)立的 github 倉(cāng)庫(kù)遷移到了 vue 項(xiàng)目下 ...

    UsherChen 評(píng)論0 收藏0

  • 如何配置 vue-cli 3.0 的 vue.config.js

    摘要：那么，我們?cè)撊绾稳ヅ渲米约旱捻?xiàng)目了其實(shí)這一切都是因?yàn)榈捻?xiàng)目初始化，幫開(kāi)發(fā)者已經(jīng)解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區(qū)別 vue-cli 3 的 github 倉(cāng)庫(kù)由原有獨(dú)立的 github 倉(cāng)庫(kù)遷移到了 vue 項(xiàng)目下 ...

    ZoomQuiet 評(píng)論0 收藏0

  • 【vue-cli 3.0】 vue.config.js配置 - 路徑別名

    摘要：如何配置中的路徑別名前段時(shí)間更新電腦重裝了一下，發(fā)現(xiàn)了已經(jīng)更新到版。那么怎么在中配置路徑別名呢創(chuàng)建項(xiàng)目在根目錄下新建修改之所以用，是因?yàn)橥盗藗€(gè)懶利用中中已經(jīng)配好的路徑有興趣的可以進(jìn)入文件里面看一看參考文檔相關(guān)簡(jiǎn)單的配置方式 如何配置vue-cli 3中vue.config.js的路徑別名？ 前段時(shí)間更新電腦重裝了一下vue-cli，發(fā)現(xiàn)了vue-cli已經(jīng)更新到3.0版。用來(lái)搭建項(xiàng)目后...

    Crazy_Coder 評(píng)論0 收藏0

  • 【vue-cli 3.0】 vue.config.js配置 - 路徑別名

    摘要：如何配置中的路徑別名前段時(shí)間更新電腦重裝了一下，發(fā)現(xiàn)了已經(jīng)更新到版。那么怎么在中配置路徑別名呢創(chuàng)建項(xiàng)目在根目錄下新建修改之所以用，是因?yàn)橥盗藗€(gè)懶利用中中已經(jīng)配好的路徑有興趣的可以進(jìn)入文件里面看一看參考文檔相關(guān)簡(jiǎn)單的配置方式 如何配置vue-cli 3中vue.config.js的路徑別名？ 前段時(shí)間更新電腦重裝了一下vue-cli，發(fā)現(xiàn)了vue-cli已經(jīng)更新到3.0版。用來(lái)搭建項(xiàng)目后...

    cikenerd 評(píng)論0 收藏0

  • vue-cli3簡(jiǎn)單使用配置

    摘要：下載安裝，這里我使用安裝如果已經(jīng)安裝之前版本或需要先卸載，再安裝新的版本。還給出了多頁(yè)面的配置選項(xiàng)，這比之前配置多頁(yè)面要方便的多。接下來(lái)需要在里面進(jìn)行多頁(yè)面的配置。 1.下載安裝vue-cli3，這里我使用npm安裝 npm install -g @vue/cli 如果已經(jīng)安裝之前版本（1.x或2.x）需要先卸載，再安裝新的版本。安裝完成后可以通過(guò)vue --version命令查看版本...

    xavier 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<