webpack生產模式和開發模式的使用
webpack出產模式和開辟模式的利用
1先在【package.json】文件中添加如下代碼：
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
2、出產模式：npm run build；
3、開辟模式：npm run dev；
4、webpack輸出的文件在【dist】文件夾下；
東西/原料
- node.js
- cmd
- webpack
webpack出產模式和開辟模式的利用
- 1
webpack安裝完當作后，進行相關的號令操作時，會有一個警告WARNING in
configuration……，如圖所示：
意思是：webpack沒有指心猿意馬是開辟模式development仍是出產模式production；
關于webpack的安裝請拜見：
16怎么安裝
- 2
打開【package.json】文件，在該文件中插手代碼：
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
如圖所示：
- 3
然后經由過程cmd進入項目根目次【mode】，輸入號令【npm run dev】，按回車鍵；
獲得如下信息，不再呈現警告信息，如圖：
4號令提醒符若何打開盤下的文件夾
- 4
打開項目文件【mode】，可以看到【mode】文件夾下主動生當作了一個文件夾【dist】，如圖：
- 5
打開【dist】文件夾，webpack輸出的文件【main.js】就在【dist】中，如圖：
- 6
用sublime打開【mian.js】文件，該js文件內容格局如圖所示：
- 7
再經由過程cmd，輸入號令【npm run build】，然后按回車鍵，如圖：
- 8
然后在打開【dist】文件夾下的【main.js】文件，這時的【main.js】是webpack出產模式輸出的文件，該js文件內容格局如圖所示：
注重事項
- 但愿小編分享的原創經驗對好伙伴們有所幫忙，若是小伙伴們有對本經驗有任何疑問， 請鄙人方評論處 留言會商，小編第一時候來解答！
- 發表于 2018-05-24 00:00
- 閱讀 ( 645 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章