Webpack

模块化打包工具

webpack是一个javascript应用程序的静态模块打包器（module bundler）。当webpack处理应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle

四个核心概念

• 入口(entry)
• 输出(output)
• loader
• 插件(plugins)

const path = require('path');
module.exports = {'
  // 单个文件打包 输入字符串形式的路劲’
  // 多个文件打包 输出成一个文件，输入数据形式的是数组包字符传路劲['a.js', 'b.js']
  // 多个文件打包 输出成多个文件，输入数据形式是对象包字符串的{
    a: 'a.js', b: 'b.js'
  }
  entry: './index.js', // 入口
  output: { // 出口
    path: path.resolve(__dirname, 'dist'), // 输出目录
    // 出口可以指定具体名称 如：main.js
    // 也可以指定当前打包文件的名称[name].js
    // 也可以指定 hash 名称
    filename: '[hash].js'
  }
}