webpack简单打包

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命令
也可以实现其效果