資訊專欄INFORMATION COLUMN
摘要：如果你的項目沒有，請在根目錄新建一個，如下圖里面的代碼如下區分打包環境與開發環境打包環境開發環境基本路徑從起已棄用，請使用輸出文件目錄是否在保存的時候檢查配置如果想要引入可以這樣寫配置項生產環境是否生成文件相關配置是否
如果你的項目沒有vue.config.js，請在根目錄新建一個，如下圖：
vue.config.js里面的代碼如下：
module.exports = {
/** 區分打包環境與開發環境
* process.env.NODE_ENV==="production" (打包環境)
* process.env.NODE_ENV==="development" (開發環境)
* publicPath: process.env.NODE_ENV==="production"?"https://cdn.aliyun.com/front/":"front/",
*/
// 基本路徑
// publicPath: "/",//從 Vue CLI 3.3 起baseUrl已棄用，請使用publicPath
// 輸出文件目錄
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: () => { },
//如果想要引入babel-polyfill可以這樣寫
// configureWebpack: (config) => {
// config.entry = ["babel-polyfill", "./src/main.js"]
// },
// 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 === "vue",
host: "127.0.0.1",
port: 8080,
https: false,
hotOnly: false,
proxy: { // 設置代理
"/api": {
target: "http://www.xxxxx.com/",
changeOrigin: true,
pathRewrite: {
"^/api": "/api"
}
}
},
disableHostCheck: true
},
// 第三方插件配置
pluginOptions: {
// ...
}
}
具體配置說明，請查看官方文檔：
https://cli.vuejs.org/zh/config/
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109517.html
摘要：自己在前端的開發中主要使用的框架，今天的這篇文章比較基礎，我之前在剛剛接觸項目的時候并沒有思考過關于項目是究竟怎么運行起來的，只知道項目就跑起來了，究竟我在輸入這行命令之后項目是怎么運行的，分別走了哪幾步，怎么樣才走到生產環境，什么情況下又 自己在前端的開發中主要使用vue.js的框架，今天的這篇文章比較基礎，我之前在剛剛接觸vue項目的時候并沒有思考過關于項目是究竟怎么運行起來的，只...
摘要：放置在目錄下或通過絕對路徑被引用。對于相關來說，我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下，前端頁面迭代發布，不需要重啟服務。 作者：gauseen 0. 關于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架，易用、靈活、高效。 生態系統 項目 介紹 awesome-vue Vue.js 相關很棒的...
摘要：使用手機訪問演示頁面如果使用和創建項目。后手機不能通過網絡訪問演示頁面，原因是默認使用計算機本地連接的地址作為網絡訪問地址修改地址為要使用的無線網絡地址就可以解決問題在之前的版本中可以修改目錄內文件解決移除了文件后可嘗試如下解決辦法。 Vue-cli 3.5.1 + Webstorm 使用手機訪問演示頁面 如果使用Webstorm和Vue-cli 3.5.1創建項目。npm run s...
摘要：前言本文講解如何在項目中使用來搭建并開發項目，并在此過程中踩過的坑。具有類型系統，且是的超集，在年勢頭迅猛，可謂遍地開花。年將會更加普及，能夠熟練掌握，并使用開發過項目，將更加成為前端開發者的優勢。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文講解如何在 Vue 項目中使用 TypeScript...
摘要：同時增加了單元測試，使用了，增加了可視化配置權限，增加了自定義布局等等，優化了原先的權限方案，支持不刷新頁面更新路由等等功能。雖然它的初衷是為了單元測試的，但正好滿足了我們的需求。它會重寫瀏覽器的對象，從而才能攔截所有請求，代理到本地。 前言 vue-element-admin 從 2017.04.17提交第一個 commit 以來，維護至今已經有兩年多的時間了了，發布了四十多個版本，...
閱讀 1080·2021-11-16 11:45
閱讀 2725·2021-09-27 13:59
閱讀 1321·2021-08-31 09:38
閱讀 3152·2019-08-30 15:52
閱讀 1319·2019-08-29 13:46
閱讀 2093·2019-08-29 11:23
閱讀 1643·2019-08-26 13:47
閱讀 2494·2019-08-26 11:54
