multi_page_webpack_react_app/build/webpack.dll.js

基于webpack4配置的多页面react项目、开箱即用的脚手架。默认配置为react+less，可根据需求自行修改（vue、jq，sass、stylus等），也可自行修改为单页面应用。

const { resolve } = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

const { DllPlugin } = require('webpack');

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