webpack学习笔记-----第一个webpack小例子

1.安装webpack

npm install webpack -g(全局安装)

npminstall webpack --save-dev(局部安装)

2.新建文件index,thml

3.新建入口文件entry.js

内容为document.write('it work')

4.打包到bundle.js

webpack entry.js bundle.js

目录会自动生成bundle.js文件

5.运行index.html

浏览器显示 it work

6.新建文件module.js文件

文件内容为module.exports="it work form module"

7.修改entry.js文件

增加内容document.write(require('./module.js));

8.重新打包entry文件

webpack entry.js bundle.js

9.运行index.html

浏览器显示it work it work from module