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