webpack的安裝與loader的配置
先在官網安裝node.js 和npm
然後在cmd中安裝webpack（以3.6.0版本為例）
新建專案，結構如下
在vscode控制台中輸入
若出現以下報錯
輸入set-executionpolicy -scope currentuser
和remodtesigned
問題解決（若沒有出現則跳過此步驟）
webpack可以適配各種模組化的規範
在002webpack資料夾下新建webpack.config.js（名字不能是別的）
在控制台輸入npm init
配置後生成package.json檔案
然後輸入npm install
引入puth路徑不能是相對路徑，絕對路徑復用性不強，故用node動態的獲取路徑
拼接路徑
path:path.resolve(__dirname, 『dist』 ),
dirname：全域性變數，儲存著當前檔案所在的路徑（node中的）然後再拼接乙個dist
之後在控制台輸入webpack，打包成功
用 npm run build 指令打包
在package.json檔案中的script裡加入「build」：「webpack」
當識別到build指令時會自動執行webpack打包，並且優先執行本地的webpack版本
在webpack官網的loader模組找對應的loader安裝來編譯執行css,vue等檔案
注意版本如果太高或者不一致可能會報錯建議降低版本。
安裝之後要在webpack.config.js檔案中進行配置
在package.json中可以看到安裝的loader的版本：
"devdependencies":,
"dependencies"
:
以上是沒有用vue cli的情況，若使用腳手架，許多地方可以直接生成，更加方便。
webpack的畫素轉vw單位的loader外掛程式
安裝 npm i px2vw view loader配置 按以下loader格式，新增進入webpack配置檔案，實現從px轉換成vw，適用於移動端專案 module 也支援聚合的寫法 module 引數 引數名 預設值 備註 viewportwidth 750 設計稿寬度，單位畫素 viewpor...
Webpack安裝與使用
2018年4月2號 最近做專案要用到webpack，也學點東西，之前電腦裡裝了npm。安裝到你的專案目錄 npm install d webpack 3 注意 開始是預設安裝，結果安裝了4版本，沒有玩起來，然後，解除安裝重新安裝的 npm uninstall webpack g npm instal...
webpack 安裝與使用教程
最穩定版本webpack 3.11.0 1.手動或通過npm 新建如下的目錄 2.給 index.html,index.css,common.css 新增樣式 3.在webpack test檔案下 使用bash 執行 npm init y y 表示全都yes 4.bash執行 npm install...