module.exports = {
  mode:'production',   /**?用來(lái)指定當(dāng)前的構(gòu)建環(huán)境是:production、development 還是 none */
  entry:'./src/index.js',  /**Entry ?用來(lái)指定 webpack 的打包?入?口 */
  output:{   /**Output ?用來(lái)告訴 webpack 如何將編譯后的?文件輸出到磁盤(pán) */
    path:path.resolve(__dirname,'dist'),
    filename:'bundle.js'
  }
};

多入口配置

module.exports = {
  mode:'production',
  entry:{
    app:'./src/app.js',
    admin:'./src/admin.js'
  },
  output:{
    path:path.resolve(__dirname,'dist'),
    filename:'[name].js'
  }
}

常用的loaders,通過(guò)loaders去支持其他文件類(lèi)型并且把它們轉(zhuǎn)為成有效的模塊，并且可以添加到依賴(lài)圖中

image.png

常用的plugins，插件用于bundle文件的優(yōu)化，資源管理和環(huán)境變量的注入作用于整個(gè)構(gòu)建過(guò)程

image.png

Hash:和整個(gè)項(xiàng)?目的構(gòu)建相關(guān)，只要項(xiàng)?文件有修改，整個(gè)項(xiàng)?目構(gòu)建的 hash 值就會(huì)更更改
Chunkhash:和 webpack 打包的 chunk 有關(guān)，不不同的 entry 會(huì)?生成不不同的 chunkhash 值
Contenthash:根據(jù)?文件內(nèi)容來(lái)定義 hash ，?文件內(nèi)容不不變，則 contenthash 不不變

output 使用 chunkhash
css 使用 contenthash
img 使用 hash