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

  1. npm install 安裝了webpack框架中package.json中所需要的依賴

2.安裝完成之后，需要啟動整個項目運行，npm run 其實執行了package.json中的script腳本，npm run dev的執行如下
在這里插入圖片描述
3.底層相當執行webpack-dev-server --inline --progress --config build/webpack.dev.conf.js命令

4.build/webpack.dev.conf.js文件中require ./webpack.base.conf文件，并且合并入新的對象配置（可以參考webpack-marge）
在這里插入圖片描述
5…/webpack.base.conf文件中設置項目入口main.js
在這里插入圖片描述

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

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

相關文章

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、…
閱讀更多...
touchWX 自定義組件以及傳值

touchWX 自定義組件以及傳值

創建如圖文件 index.wxc: <template><view class"wx-test" bindtap"handleTap">{{ msg }}{{dataIndex}}</view> </template> <script>export default {properties: {dataIndex: {type: String,value: default value,}},data…
閱讀更多...
vue 初始框架

vue 初始框架

VueJs講解初始框架 一、啟動項目 第一步&#xff1a;cmd進入項目文件里&#xff0c;運行npm run dev 啟動項目 這里說明啟動端口號是8080 第二步&#xff1a;往頁面輸入&#xff1a;localhost:8080 二、解析渲染步驟 先看整體框架樣式和index.html&#xff1a; 從上面我…
閱讀更多...
Codeforces 914D - Bash and a Tough Math Puzzle 線段樹,區間GCD

Codeforces 914D - Bash and a Tough Math Puzzle 線段樹,區間GCD

題意: 兩個操作, 單點修改 詢問一段區間是否能在至多一次修改后,使得區間$GCD$等于$X$ 題解: 正確思路; 線段樹維護區間$GCD$,查詢$GCD$的時候記錄一共訪問了多少個$GCD$不被X整除的區間即可,大于一個就NO 要注意的是,如果真的數完一整個區間,肯定會超時,因此用一個外部變量存儲…
閱讀更多...
最新文章

Copyright @ 2022~2023