module.exports = {
     entry: './path/to/my/entry/file.js'
  };

function require(/* ... */) {
     const module = { exports: {} };
     ((module, exports) => {`請(qǐng)輸入代碼`
     // 模塊代碼在這。在這個(gè)例子中，定義了一個(gè)函數(shù)。
      function someFunc() {}
      exports = someFunc;//也就是說(shuō)你單獨(dú)給exports賦值時(shí)候exports不屬于module了是一個(gè)單獨(dú)的變量
    // 此時(shí)，exports 不再是一個(gè) module.exports 的快捷方式，
    // 且這個(gè)模塊依然導(dǎo)出一個(gè)空的默認(rèn)對(duì)象。
      module.exports = someFunc;//這里導(dǎo)出的函數(shù)是掛在module里的所以會(huì)被導(dǎo)入
    // 此時(shí)，該模塊導(dǎo)出 someFunc，而不是默認(rèn)對(duì)象。
   })(module, module.exports);
   return module.exports;//這里是這句話的解釋 （最終返回給調(diào)用的是module.exports而不是exports）
  }

  entry: './app/to/my/entry/file.js'
  entry：{ main:"'./app/to/my/entry/file.js'"}

  entry：['./app/entry1', './app/entry2']

entry：{ a: './app/entry-a', b: ['./app/entry-b1', './app/entry-b2']}

const path = require("path");
const webpack = require("webpack");
const packagejson = require("./package.json");
const config = {
entry: {
  first: './src/first.js',//引入了common.j和vue.js
  second: './src/second.js',//引入了common.j和vue.js
  vendor: Object.keys(packagejson.dependencies)//獲取生產(chǎn)環(huán)境依賴(lài)庫(kù)的
  //模塊名稱(chēng)，返回一個(gè)數(shù)組，這里涉及的是單入口數(shù)組寫(xiě)法將多個(gè)依賴(lài)合并到一個(gè)chunk中
  //在這里vue作為第三方庫(kù)會(huì)被合并
},
output: {
  path: path.resolve(__dirname,'./dist'),
  filename: '[name].js'
},
plugins: [
  new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor',//指定已經(jīng)存在的chunk這里指向的是vendor，
    公共部分模塊都會(huì)合并到這個(gè)chunk名對(duì)應(yīng)的文件，不指定默認(rèn)生成name為commons的chunk。
    filename: '[name].js'//抽離出公共部分的文件名
  }),
]
}

module.exports = config;

plugins: [//這一步把webpack運(yùn)行文件抽離出來(lái)
    new webpack.optimize.CommonsChunkPlugin({//先抽離所用的公共模塊
      name: 'vendor',
      filename: '[name].js'
    }),
    new webpack.optimize.CommonsChunkPlugin({//再指定vendor從中抽離webpack運(yùn)行文件
      name: 'runtime',
      filename: '[name].js',
      chunks: ['vendor']
    }),
     new webpack.optimize.CommonsChunkPlugin({
    name: ['vendor','runtime'],
    filename: '[name].js',
    minChunks: Infinity//只有當(dāng)入口文件（entry chunks） >= 3 才生效，
    //用來(lái)在第三方庫(kù)中分離自定義的公共模塊
    }),
    new webpack.optimize.CommonsChunkPlugin({
    name: 'common',
    filename: '[name].js',
    minChunks:2,//默認(rèn)為2，意思是模塊被多少個(gè)chunk引用才被抽離
    //由于common被 first 和second 引用 所以會(huì)被抽離
    chunks: ['first','second']//從first.js和second.js中抽取commons chunk
    }),
  ]