用 npm 安装 Webpack：

npm install webpack-g

此时Webpack已经安装到了全局环境下，本课程中我们已装好webpack，可以通过命令行webpack -h试试。

新建文件夹D:\Projects\WebPack\myFirstPro

转到D:\Projects\WebPack\myFirstPro 执行

npm init

npm install webpack--save-dev

首先有一个静态页面 index.html，已经预置好了。

现在创建一个 JS 入口文件 entry.js：

document.write('It works.');

然后编译entry.js并打包到bundle.js，运行命令：

webpack entry.js bundle.js

引用别的js

document.write(require("./content.js"));//添加content.js

运行命令：

webpack entry.js bundle.js

引用css

require("./style.css");

运行命令：

webpack entry.js bundle.js --module-bind "css=style-loader!css-loader"

css引入成功

新建webpack.config.js

webpack.config.js

运行命令：

webpack