1、全局安装webpack
cnpm install webpack webpack-cli -g
2、准备打包的文件
1)、hello.js
exports.addStr = function () {
document.write("<h1>hello,webpack</h1>")
}
2)、main.js
let s = require('./hello');
s.addStr()
3)、webpack.config.js
module.exports = {
entry: './modules/main.js',
output: {
filename: './js/bundle.js'
},
watch: false
}
3、打包
在该目录下直接使用webpack命令
打包结束后出现dist目录
4、引用该js
5、注意
1)、webpack.config.js
该文件名固定
2)、watch 的作用
当为true时
光标静止、修改hello.js内容时不用重新打包
同时使用webpack --watch命令
也可以实现其效果