Vue-cli3 項目配置 Vue.config.js

Betta 發布于2019-08-23 10:26 / 1250人閱讀

摘要：搭建的項目界面想對之前較為簡潔之前的和文件夾不見了，那么應該如何配置如等的配那只需要在項目的根目錄下文件是根目錄，不是目錄語法基本路徑輸出文件目錄是否在保存的時候檢查配置配置項生產環境是否生成文件相關配置是否使用分離插件

Vue-cli3 搭建的項目界面想對之前較為簡潔

之前的build和config文件夾不見了，那么應該如何配置 如webpack等的配那只需要在項目的根目錄下vue.config.js
文件（是根目錄，不是src目錄

語法

module.exports = {
 // 基本路徑
 baseUrl: "/",
 // 輸出文件目錄
 outputDir: "dist",
 // eslint-loader 是否在保存的時候檢查
 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 配置項
 // https://vue-loader.vuejs.org/en/options.html
 vueLoader: {},
 // 生產環境是否生成 sourceMap 文件
 productionSourceMap: true,
 // css相關配置
 css: {
  // 是否使用css分離插件 ExtractTextPlugin
  extract: true,
  // 開啟 CSS source maps?
  sourceMap: false,
  // css預設器配置項
  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 插件相關配置
 // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
 pwa: {},
 // webpack-dev-server 相關配置
 devServer: {
  open: process.platform === "darwin",
  host: "0.0.0.0",
  port: 8080,
  https: false,
  hotOnly: false,
  proxy: null, // 設置代理
  before: app => {}
 },
 // 第三方插件配置
 pluginOptions: {
  // ...
 }
}

舉例

上圖內容做了兩塊內容，經測試沒有問題

1.將啟動端口設置為 8080

2.設置路徑別名

云服務器 GPU云服務器 vue-cli3 vue-cli linux配置項目 java項目配置環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96347.html

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

摘要：那么，我們該如何去配置自己的項目了其實這一切都是因為的項目初始化，幫開發者已經解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區別 vue-cli 3 的 github 倉庫由原有獨立的 github 倉庫遷移到了 vue 項目下 ...

xuweijian 2019-08-29 16:28 評論0 收藏0
如何配置 vue-cli 3.0 的 vue.config.js

摘要：那么，我們該如何去配置自己的項目了其實這一切都是因為的項目初始化，幫開發者已經解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區別 vue-cli 3 的 github 倉庫由原有獨立的 github 倉庫遷移到了 vue 項目下 ...

UsherChen 2019-08-26 12:18 評論0 收藏0
如何配置 vue-cli 3.0 的 vue.config.js

摘要：那么，我們該如何去配置自己的項目了其實這一切都是因為的項目初始化，幫開發者已經解決了，甚至絕大部分情形下的配置。 vue-cli 3 英文文檔vue-cli 3 中文文檔webpack 4 pluginswebpack-chain TLDR vue-cli 3 與 2 版本有很大區別 vue-cli 3 的 github 倉庫由原有獨立的 github 倉庫遷移到了 vue 項目下 ...

ZoomQuiet 2019-08-02 11:20 評論0 收藏0
vue-cli3簡單使用配置

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

xavier 2019-08-23 12:02 評論0 收藏0
【vue-cli 3.0】 vue.config.js配置 - 路徑別名

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

Crazy_Coder 2019-08-23 11:27 評論0 收藏0
【vue-cli 3.0】 vue.config.js配置 - 路徑別名

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

cikenerd 2019-08-02 11:19 評論0 收藏0