1》全域性安裝webpack3.x
npm install webpack -g
webpack4.x
npm install webpack-cli -g
2》初始化，生成package.json
npm init
3》區域性安裝
npm install webpack -s
npm install webpack-cli -s
4》打包
預設entry：src/index.js(要打包的檔案)
預設output：dist/main.js（打包後的東西放在這個裡面）
直接輸入webpack(這是webpack4 )
輸入webpack a.js b.js（這是webpack3的）
打包環境：
webpack --mode production（生產環境，預設）
webpack --mode development(開發環境)
》配置1.四個核心概念
入口（entry）
輸出（output）
loader
（處理一些非js檔案，例如css、html、）
外掛程式（plugins）
（有效的打包或者壓縮css、html、js、，一般與loader配合使用）
2.配置檔案
命名：webpack.config.js（在該檔案中配置你webpack的檔案的入口、出口等一系列）
3.package.json中的scripts引數可以配置命令哦
例如："scripts":
》本地伺服器（dev-server）
安裝：npm install webpack-dev-server -s
之後在webpack.config.js中配置如下：
devserver:
如果要執行，還需在package.json中的scripts中配置
"dev":"webpack-dev-server --open --inline"
》loader:引導程式
》配置css的loader(需要style-loader和css-loader)
cnpm install style-loader css-loader -s
cnpm install file-loader -s
在webpack.config.js中配置示例如下：
module:,]}
》外掛程式《
html-webpack-plugin /*打包html檔案的*/
src:開發階段（寫**）
目錄下要有：
dist: 生產階段（專案要上線）
》使用 1.安裝
npm install html-webpack-plugin -s
2.在webpack.config.js中配置
在檔案頭引入外掛程式
const htmlwebpackplugin=require("html-webpack-plugin")
然後。。。。在配置體中加入**，示例如下：
plugins:[
new htmlwebpackplugin(
})]
webpack 4 x安裝命令
執行npm i webpack g全域性安裝webpack，這樣就能在全域性使用webpack的命令 在專案根目錄中執行npm i webpack安裝到專案依賴中 執行npm init y初始化專案 建立專案基本的目錄結構src 和 dist,在src裡新建index.html 使用npm i jq...
webpack 4 X 基礎編譯
webpack4.x的打包已經不能用webpack 檔案a 檔案b的方式，而是直接執行webpack mode development或者webpack mode production，這樣便會預設進行打包，入口檔案是 src index.js 輸出路徑是 dist main.js 其中src目錄即...
webpack4 x學習筆記
有輸入必須有輸出，今天就來輸出一下學習webpack的過程。不得不先吐槽一下，比起可愛的grunt和好用的gulp，對webpack真心愛不起來！還有乙個血的教訓 千萬不要偷懶，有問題直接去官網。本文旨在記錄學習webpack的過車和遇到的問題，適合對node和webpack基礎知識有些了解的開發人...