執行npm init -y快速初始化專案
在專案根目錄建立src源**目錄和dist產品目錄
在 src 目錄下建立index.html
使用 cnpm 安裝 webpack ，執行cnpm i webpack webpack-cli -d
如何安裝cnpm: 全域性執行npm i cnpm -g
注意：webpack 4.x 提供了 約定大於配置的概念；目的是為了儘量減少 配置檔案的體積；
預設約定了：
執行webpack
"dev" : "webpack-dev-server"==> 執行npm run dev
index中引入main.js問題
webpack-dev-server打包好的main.js是託管到了記憶體中,所以在專案根目錄中看不到,但是我們可以認為,在根目錄中有乙個看不見的main.js
自動開啟："dev" : "webpack-dev-server --open --port 3000 --hot --progress --compress"
預設在src下開啟
webpack4 x專案的建立
1.執行npm init y快速初始化專案 2.在專案根目錄下建立src源 目錄和dist產品目錄 3.在src目錄下建立index.html 4.使用cnpm安裝webpack，執行cnpm i webpack webpack cli d 全域性執行npm i cnpm g 5.建立webpack...
webpack4 x的常用配置項分析
webpack 是基於nodejs的 npx webpack 構建 webpack的配置是物件 執行構建會找webpack.config.js這個配置檔案 const path require path const require clean webpack plugin 清除打包檔案 const ...
webpack 4 x安裝命令
執行npm i webpack g全域性安裝webpack，這樣就能在全域性使用webpack的命令 在專案根目錄中執行npm i webpack安裝到專案依賴中 執行npm init y初始化專案 建立專案基本的目錄結構src 和 dist,在src裡新建index.html 使用npm i jq...