/*
  使用dll技术，对某些库（第三方库：jquery、react、vue...）进行单独打包 (之后的打包不用再重新管它了)
    当你运行 webpack 时，默认查找 webpack.config.js 配置文件
    而现在：需要运行 webpack.dll.js 文件
      --> webpack --config webpack.dll.js  (只要这个库不变 只用运行一次这个文件)
*/

const { resolve } = require('path');
//引入webpack
const webpack = require('webpack');

module.exports = {
  entry: {
    // 最终打包生成的[name] --> jquery
    // ['jquery'] --> 要打包的库是jquery
    jquery: ['jquery'],
  },
  output: {
    filename: '[name].js',
    path: resolve(__dirname, 'dll'),
    // 打包的库里面向外暴露出去的内容叫什么名字
    library: '[name]_[hash]'
  },
  plugins: [
    // 打包生成一个 manifest.json --> 提供和jquery映射
    new webpack.DllPlugin({
      name: '[name]_[hash]', // 映射库的暴露的内容名称
      path: resolve(__dirname, 'dll/manifest.json') // 输出文件路径
    })
  ],
  mode: 'production'
};