平台: window10
npm:8.9.4


ps:之前按照官网(官网的文档没编写好),然后各种报错,最后用3.8.1版本


(1)预备

首先需要node.js 运行环境。
下载地址:​​https://nodejs.org/en/​
检测安装成功:

【Webpack】之 下载安装3.8.1(Windows10)_官网


(2)安装webpack

① ​​npm install -g webpack@3.8.1​​ 全局安装

【Webpack】之 下载安装3.8.1(Windows10)_npm_02


② ​​webpack -v​​ 验证webpack(查看版本号)

【Webpack】之 下载安装3.8.1(Windows10)_webpack_03


(3)小demo

① 创建webpack-demo
② 初识化 ​​npm init​

【Webpack】之 下载安装3.8.1(Windows10)_windows10_04


③ 安装本地webpack ​

​npm install --save-dev webpack@3.8.1​


【Webpack】之 下载安装3.8.1(Windows10)_windows10_05


④ 新建 文件夹 dist 和 src; 并在src中新建 app.js


【Webpack】之 下载安装3.8.1(Windows10)_webpack_06

【Webpack】之 下载安装3.8.1(Windows10)_官网_07


⑤ app.js 编写代码


​console.log("hello world");​




⑥ 打包生成 ​

​webpack src/app.js dist/app.bundle.js​


【Webpack】之 下载安装3.8.1(Windows10)_官网_08