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
就完成了打包工作