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

資訊專(zhuān)欄INFORMATION COLUMN

Vue-cli3 項(xiàng)目配置 Vue.config.js

Betta / 1259人閱讀

摘要：搭建的項(xiàng)目界面想對(duì)之前較為簡(jiǎn)潔之前的和文件夾不見(jiàn)了，那么應(yīng)該如何配置如等的配那只需要在項(xiàng)目的根目錄下文件是根目錄，不是目錄語(yǔ)法基本路徑輸出文件目錄是否在保存的時(shí)候檢查配置配置項(xiàng)生產(chǎn)環(huán)境是否生成文件相關(guān)配置是否使用分離插件

Vue-cli3 搭建的項(xiàng)目 界面想對(duì)之前較為簡(jiǎn)潔 

之前的build和config文件夾不見(jiàn)了，那么應(yīng)該如何配置 如webpack等的配那只需要在項(xiàng)目的根目錄下vue.config.js
文件（是根目錄，不是src目錄
語(yǔ)法 
module.exports = {
 // 基本路徑
 baseUrl: "/",
 // 輸出文件目錄
 outputDir: "dist",
 // eslint-loader 是否在保存的時(shí)候檢查
 lintOnSave: true,
 // use the full build with in-browser compiler?
 // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
 compiler: false,
 // webpack配置
 // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
 chainWebpack: () => {},
 configureWebpack: () => {},
 // vue-loader 配置項(xiàng)
 // https://vue-loader.vuejs.org/en/options.html
 vueLoader: {},
 // 生產(chǎn)環(huán)境是否生成 sourceMap 文件
 productionSourceMap: true,
 // css相關(guān)配置
 css: {
  // 是否使用css分離插件 ExtractTextPlugin
  extract: true,
  // 開(kāi)啟 CSS source maps?
  sourceMap: false,
  // css預(yù)設(shè)器配置項(xiàng)
  loaderOptions: {},
  // 啟用 CSS modules for all css / pre-processor files.
  modules: false
 },
 // use thread-loader for babel & TS in production build
 // enabled by default if the machine has more than 1 cores
 parallel: require("os").cpus().length > 1,
 // 是否啟用dll
 // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
 dll: false,
 // PWA 插件相關(guān)配置
 // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
 pwa: {},
 // webpack-dev-server 相關(guān)配置
 devServer: {
  open: process.platform === "darwin",
  host: "0.0.0.0",
  port: 8080,
  https: false,
  hotOnly: false,
  proxy: null, // 設(shè)置代理
  before: app => {}
 },
 // 第三方插件配置
 pluginOptions: {
  // ...
 }
}
舉例 

上圖內(nèi)容做了兩塊內(nèi)容，經(jīng)測(cè)試沒(méi)有問(wèn)題

1.將啟動(dòng)端口設(shè)置為 8080

2.設(shè)置路徑別名

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96347.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-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

  • 【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

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

0條評(píng)論

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