版本4.23+ ***** 第一步: 新建文件夾demo,然后進該目錄下,運行命令: `npm init -y` 初始化 ***** 第二步: 安裝webpack `npm install webpack webpack-cli webpack-dev-server` 或全局安裝 `npm install webpack webpack-cli webpack-dev-server -g` ***** 第三步: 修改package.json,設置模式,有開發模式和生產模式 找到 "scripts"項,在里面加入 ``` "dev": "webpack --mode development", "build": "webpack --mode production" ``` ***** 第四步: 測試 在當前目錄下新建hello.js,內容如下: ``` function hello(str){ alert(str); } ``` 然后在命令行運行: `webpack --mode=development hello.js -o hello.bundle.js` ***** 第五步: 兩個命令: npm run dev(開發環境使用,編譯過的文件沒有壓縮) npm run build(生產模式使用,編譯過的文件壓縮過) 先在當前目錄下新建兩個目錄,分別為src和dist. src存放原文件,dist存放編譯后的文件 在src目錄下新建index.js,內容如下: `console.log('sdsdsd');` 然后在命令行運行 `npm run dev` 或 `npm run build`