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安裝到項目目錄下