全局安装 webpack和webpack-cli

安装后创建目录结构如下

QQ20190726-101548@2x.png

在dist/index.html下

<div id="title"></div>
<script src="./bundle.js"></script>

在src/entery.js下

document.getElementById('title').innerHTML = "hello";

打包

webpack src/entery.js dist/bundle.js
运行webpack会报错，因为webpack不是全局安装的，运行npx webpack会在当前项目的bin目录下找到webpack运行

开启本地服务器

cnpm install live-server -g

运行

live-server