webpack官方文档：https://webpack.js.org/ 　　　　中文文档：http://www.css88.com/doc/webpack/ >Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。 其主要工作如下图  全局安装webpack ~~~ npm install webpack -g ~~~ 一、只做**压缩代码**的工作 目录结构 test 　　a.js 　　b.js 　　webpack.config.js 1、多入口，单出口 ~~~ module.exports = { entry: ['./a.js', './b.js'], output: { path: '/test/dist', // 绝对路径 filename: 'build.js' } } ~~~ 命令行切到test目录，然后执行命令 `webpack` 就行了 结果 test 　　dist 　　　　build.js 　　a.js 　　b.js 　　webpack.config.js 2、多入口、多出口 ~~~ let ugilify = require('uglifyjs-webpack-plugin'); module.exports = { entry: { a: './a.js', b: './b.js', }, output: { path: '/test/dist', filename: '[name].js' }, plugins: [ new ugilify() ] } ~~~ 注意：这里需要把webpack和uglifyjs-webpack-plugin安装到项目目录下