vue-cli 打包

一項目打包

  • 1 打包的配置在 build/webpack.base.conf.js文件下
    在這里插入圖片描述
    常量config在vue/config/index.js 文件下配置，__dirname是定義在項目的全局變量，是當前文件所在項目的文件夾的絕對路徑。
    在這里插入圖片描述
  • 2 需要修改vue/config/index.js 文件下的將build對象下的assetsPublicPath中的“/”，改為“./”
    在這里插入圖片描述
    -3 采用npm run build打包
    在這里插入圖片描述
    -4 打包成功后，會發現在項目根目錄增加一個文件夾dist
    在這里插入圖片描述
    在這里插入圖片描述
    用瀏覽器打開dist文件下的index.html
    在這里插入圖片描述
    在這里插入圖片描述
    瀏覽器打開dist文件下的index.html后，頁面正常，則說明打包成功了，可以發布到服務器上。

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/249896.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/249896.shtml
英文地址，請注明出處：http://en.pswp.cn/news/249896.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

乘風破浪：LeetCode真題_010_Regular Expression Matching

乘風破浪：LeetCode真題_010_Regular Expression Matching

乘風破浪：LeetCode真題_010_Regular Expression Matching 一、前言 關于正則表達式我們使用得非常多，但是如果讓我們自己寫一個，卻是有非常大的困難的，我們可能想到狀態機，確定，非確定狀態機確實是一種解決…
閱讀更多...
python——獲取數據類型

python——獲取數據類型

在python中&#xff0c;可使用type()和isinstance()內置函數獲取數據類型 如&#xff1a;　&#xff08;1&#xff09;type()的使用方法&#xff1a;　　　 >>> a 230 >>> type(a) <class str> >>> a 230 …
閱讀更多...
vue項目工程中npm run dev 到底做了什么

vue項目工程中npm run dev 到底做了什么

npm install 安裝了webpack框架中package.json中所需要的依賴 2.安裝完成之后&#xff0c;需要啟動整個項目運行&#xff0c;npm run 其實執行了package.json中的script腳本&#xff0c;npm run dev的執行如下 3.底層相當執行webpack-dev-server --inline --progress --confi…
閱讀更多...
JavaScript回顧與學習——條件語句

JavaScript回顧與學習——條件語句

一、if...else // if elsevar age 16;if(0 < age && age < 6){console.log("兒童");}else if(6 < age && age < 14){console.log("少年");}else if(14 < age && age < 35){console.log("青年");}els…
閱讀更多...
bat等大公司常考java多線程面試題

bat等大公司常考java多線程面試題

1、說說進程,線程,協程之間的區別 簡而言之,進程是程序運行和資源分配的基本單位,一個程序至少有一個進程,一個進程至少有一個線程.進程在執行過程中擁有獨立的內存單元,而多個線程共享內存資源,減少切換次數,從而效率更高.線程是進程的一個實體,是cpu調度和分派的基本單位,是比…
閱讀更多...
webpack.config.js和package.json

webpack.config.js和package.json

webpack.config.js 是webpakc的配置文件&#xff0c;webpack是當今很火的一個打包工具 使用webpack.config.js在你的項目里 可以對你的項目進行模塊化打包&#xff0c;并且也可使組件按需加載&#xff0c;還可將圖片變成base64格式減少網絡請求。 而package.json 是指你項目的…
閱讀更多...
七牛云圖片加載優化

七牛云圖片加載優化

?imageView2/2/w/80https://developer.qiniu.com/dora/manual/1279/basic-processing-images-imageview2 ?imageView2/1/w/80/h/80會裁剪 ?imageView2/3/w/80/h/80不會裁剪 轉載于:https://www.cnblogs.com/smzd/p/9025393.html
閱讀更多...
org.apache.maven.archiver.mavenarchiver.getmanifest怎么解決

org.apache.maven.archiver.mavenarchiver.getmanifest怎么解決

原因就是你的maven的配置文件不是最新的 1.help ->Install New Software -> add ->https://otto.takari.io/content/sites/m2e.extras/m2eclipse-mavenarchiver/0.17.2/N/LATEST 或者&#xff08;更新于2018年4月18日17:07:53&#xff09; http://repo1.maven.org/mav…
閱讀更多...
npm中package.json詳解

npm中package.json詳解

通常我們使用npm init命令來創建一個npm程序時&#xff0c;會自動生成一個package.json文件。package.json文件會描述這個NPM包的所有相關信息&#xff0c;包括作者、簡介、包依賴、構建等信息&#xff0c;格式是嚴格的JSON格式。 常用命令 npm i --save packageName 安裝依賴…
閱讀更多...
offset系列,client系列,scroll系列回顧

offset系列,client系列,scroll系列回顧

一 scroll系列屬性 ——滾動1 scrollHeight/scrollWidth 標簽內部實際內容的高度/寬度ele.scrollHeight 有兩種情況&#xff0c;當內容超出盒子范圍后&#xff0c;返回的是內容的高度&#xff0c;包括padding&#xff0c;從頂部內側到內容的最外部分。當內容不超出盒子范圍…
閱讀更多...
項目開發中的自我總結

項目開發中的自我總結

最近忙的要死,因為新開發了兩個項目.現在已經測試完畢了,準備部署到線上了. 然后不能白忙活吧,忙活完也得寫點總結和經驗吧,以后也有個記錄. 1.一個bootstrapjquerylayuilaravel 5.4開發的一個后臺系統 比較樸素 2.一個前后端分離的vuelaravel 5.4 開發的商家系統 我只負責后端…
閱讀更多...
webpack.config.js 參數詳解

webpack.config.js 參數詳解

webpack.config.js文件通常放在項目的根目錄中&#xff0c;它本身也是一個標準的Commonjs規范的模塊。 var webpack require(webpack); module.exports {entry: [webpack/hot/only-dev-server,./js/app.js],output: {path: ./build,filename: bundle.js},module: {loaders: …
閱讀更多...
數組黑科技（偏性能方面）未完待更新...

數組黑科技（偏性能方面）未完待更新...

數組去重最優解&#xff1a;Array.prototype.unique function () {var tmp new Map();return this.filter(item > {return !tmp.has(item) && tmp.set(item,1);})}搭配使用 Array.from(foo); // ["f", "o", "o"]let s new Set([f…
閱讀更多...
控制臺添加log4net

控制臺添加log4net

1.添加nuget包 log4net 2.app.config配置 <?xml version"1.0" encoding"utf-8"?> <configuration> <configSections><section name"log4net" type"log4net.Config.Log4NetConfigurationSectionHandler, log4net&quo…
閱讀更多...
記一次vue 普通異步請求微信二進制二維碼 亂碼 問題解決然后渲染

記一次vue 普通異步請求微信二進制二維碼 亂碼 問題解決然后渲染

后端壓力大&#xff0c;前端分憂。 /*用微信小程序token拿二維碼*/ async fetchMINIQRcode({commit,state},params){var instance axios.create({responseType: blob, //返回數據的格式&#xff0c;可選值為arraybuffer,blob,document,json,text,stream&#xff0c;默認值為js…
閱讀更多...
vue-cli項目中.postcssrc.js

vue-cli項目中.postcssrc.js

module.exports {"plugins": {"postcss-import": {}, //用于import導入css文件"postcss-url": {}, //路徑引入css文件或node_modules文件"postcss-aspect-ratio-mini": {}, //用來處理元素容器寬高比"postcss-…
閱讀更多...
本地存儲cookie和localStorage區別特點

本地存儲cookie和localStorage區別特點

一、cookie cookie算是比較早的技術&#xff0c;最初是為了記錄http的狀態&#xff0c;提高訪問速度。cookie是服務器"種植"在客戶端的key-value形式文本文件。但同時客戶端也能操作cookie。特點&#xff1a; 大小&#xff1a;cookie的大小限制在4k。每個域名下cooki…
閱讀更多...
VUE 中 使用 iview Form組件 enter鍵防止頁面刷新

VUE 中 使用 iview Form組件 enter鍵防止頁面刷新

<Form :label-width"100" inline label-positionleft keydown.native.enter.prevent "()>{}">或者使用官方的 submit.native.prevent轉載于:https://www.cnblogs.com/smzd/p/9197915.html
閱讀更多...
mybatis中#和$區別

mybatis中#和$區別

在Mybtis中的Mapper映射文件中&#xff0c;sql語句傳參有兩種方式#{}和${} 一般來說&#xff0c;我們通常使用的是#{}&#xff0c;這里采用的是預編譯機制&#xff0c;防止SQL注入&#xff0c;將#{}中的參數轉義成字符串&#xff0c;例如&#xff1a; 執行SQL&#xff1a;Selec…
閱讀更多...
mysql 字段存儲多個值 ，判斷一個值是否在其中

mysql 字段存儲多個值 ，判斷一個值是否在其中

表C_file,其中有個字段是spile&#xff0c;他存的是字符形式&#xff0c;例如&#xff1a; id spile 1 2,10,11 2 2,3,20,22 3 1,6,8 4 5,6,1,9 select * from C_file where spile LIKE %1% 如果這樣查詢的話&#xff0c;會查詢出ID為1、3、4&#xff0c;但正確的應該是3、…
閱讀更多...
最新文章

Copyright @ 2022~2023