webpack--第一个demo(一)

目录结构

项目初始化

初始化不成功的原因

1. node版本
2. 网络原因
3. 权限(mac,linux),sudo cnpm install

npm init -y
cnpm install webpack --save-dev

dist/index.html

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

src/entery.js

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

打包

webpack 入口文件 出口文件

webpack src/entery.js dist/bundle.js

打包后的结果

打包后在bundle.js中的位置

开启本地服务器

cnpm install live-server -g
live-server