webpack篇:编译JS的正确姿势

commonJS规范
http://commonjs.org
比如，一个单独的文件就是一个模块。使用require来加载模块，返回文件内部的exports对象。

是否和nodejs的写法很像？确实，nodejs实现并推动了这个规范（一部分）。
有了这个规范，js可以在任何地方运行，不只是浏览者中（未来很多只要兼容commonJS规范的系统都可以用javascript来开发）

遵循这个规范，然后呢？
这时候一个前端构建框架——webpack就产生了（模块打包）
它能帮我们把本来需要在服务端运行的JS代码，通过模块的引用和依赖打包成前端可用的静态文件。

安装
我们需要全局安装，这样在任何项目中都能使用到
npm install -g webpack

webpack是根据它的配置文件去打包的
所以在项目根目录下新建一个webpack.config.js

module.exports = {
    // entry是入口文件，可以多个，代表要编译那些js
    entry:['xxx.js'],
    output:{
        path:'./build/js', // 输出到那个目录下
        filename:'build.js' //最终打包生产的文件名
    },
};

最后，我们只需要在项目根目录下执行 $ webpack 就完成了打包工作