webpack 4.3x
4.x以后打包和名款
1.快速初始化項目 cnpm init -y
- 在項目根目錄創(chuàng)建src 源代碼目錄 和 dist產(chǎn)品目錄
3.在src目錄下創(chuàng)建 index.html
4.使用 cnpm 安裝 webpack ，運(yùn)行 cnpm i webpack webpack-cli -D
全局運(yùn)行 npm i cnpm -g
5.注意 webpack4 x 提供了 約定大于配置的概念，目的是為了建設(shè)配置文件的體積。
-- 默認(rèn)約定了：
-- 打包入口是 src -> index.js
--出口文件是 dist - > main.js
-- 4.x 中新增了 mode 選項 這是必須項 可選值為：development / production
//webpack-dev-server 打包好后會在根目錄下生成一個打包好的 main.js保存在內(nèi)存中。所以 在 目錄里面看不見
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"dev": "webpack-dev-server --open Safari --port 3000 --hot --host 127.0.0.1"
// webpack-dev-server 啟動服務(wù)器
// --open 默認(rèn)打開 chrome --open Safari 指定Safari
----port 3000 端口3000
-hot 熱更新
--host 127.0.0.1 指定域名
},
cnpm i html-webpack-plugin -D
把 index.html在內(nèi)存中使用
