成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue-cli3中vue.config.js配置

GeekGhc / 3157人閱讀

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

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

vue.config.js會被自動加載

module.exports = {
    /* 部署生產(chǎn)環(huán)境和開發(fā)環(huán)境下的URL：可對當(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時，生成文件的目錄名稱 */
    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 以便更好的控制緩存，你可以通過將這個選項(xiàng)設(shè)為 false 來關(guān)閉文件名哈希。(false的時候就是讓原來的文件名不改變) */
    filenameHashing: false,
    /* 代碼保存時進(jìn)行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í)有幫助，留下你的印記唄（點(diǎn)個贊咯^_^）

往期好文推薦：

使用vue開發(fā)移動端管理后臺

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/109923.html

相關(guān)文章

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

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

    xuweijian 評論0 收藏0

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

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

    UsherChen 評論0 收藏0

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

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

    ZoomQuiet 評論0 收藏0

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

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

    Crazy_Coder 評論0 收藏0

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

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

    cikenerd 評論0 收藏0

  • vue-cli3簡單使用配置

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

    xavier 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<