1.在專案根目錄cnpm init -y初始化。生成package.json檔案
2.在專案裡面使用cnpm安裝webpack
3.需要在根目錄下新建webpack.config.js檔案（在其裡面配置暴露物件）
module.exports =4.在根目錄下新建src/index.js檔案（因為此時執行會提示根目錄下差個src檔案下的index.js檔案。預設打包入口檔案）
最基本的webpack就搭建好了，此時是0配置，
簡單配置一下：
實現自動打包編譯
1.安裝webpack-dev-server
2.配置（package.json檔案配置）
--open 自動開啟瀏覽器
--port 3000 指定預設埠
--host 指定網域名稱
--progress 打包進度
--compress 壓縮
打包好的main.js檔案會託管於根目錄下，但我們看不到，在記憶體裡面，可以通過網域名稱列印出來
而且這個main.js會自動匯入到index。html首頁
實現自動跳轉到首頁
（在記憶體中也託管乙個index.html頁面）
1.cnpm安裝html-webpack-pluign。
2.在webpack.config.js中配置
此時自動打包編譯後就會自動跳轉到index首頁，實現了和腳手架一樣的功能。
webpack4配置詳解
方式一 單檔案寫法 entry 方式二 多檔案寫法 entry output 常用的有三種 模板描述 hash模組識別符號的hash,一般應用於filename name hash js chunkhash按需載入塊內容的hash，根據chunk自身的內容計算而來,js name chunkhash...
webpack4 基本使用
webpack是基於node構建，所以wepack支援所有node api和語法。即 chrome瀏覽器能支援的ecmascript語法 排除dom bom wbpack都能支援。chrome不支援es6，所以webpack也不支援。建立基本的webpack4.x專案 建立後的目錄 其中 packa...
Webpack4 實現原理
1.webpack開篇 2.webpack配置檔案 3.webpack配置檔案注意點 4.webpack sourcemap 5.webpack file loader 6.webpack file loader的其它相關配置 7.webpack url loader 8.webpack css l...