easyify/build/webpack/webpack.dll.conf.js

A compilation tools & workflow for FE, built with webpack4.x, compile faster and smart, make work easier.

const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const HtmlWebpackIncludeAssetsPlugin = require('html-webpack-include-assets-plugin');
const {
    project,
    env
} = require('../lib/project');


const projectDir = path.resolve(__dirname, '../../src/' + project);
const conf = require(projectDir + '/config.js');
if (conf.vendor.length === 0) {
    throw new Error('Before dll bundle, you must set the key "vendeor" in config.js')
}
const dllConfig = {
    mode: process.env.NODE_ENV,
    entry: {
        'vendor': [...conf.vendor]
    },
    output: {
        // publicPath: env === 'prod' ? 'static/js/' : '/static/js/',
        path: projectDir + '/static/js',
        filename: '[name].dll.js',
        library: '[name]_library'
    },
    plugins: [
        new webpack.DllPlugin({
            context: __dirname, // 必填项，用来标志manifest中的路径
            path: projectDir + '/static/manifest.json', // 必填项，存放manifest的路径
            name: '[name]_library' // 必填项，manifest的name
        }),
        //创建dll的时候给html添加相应的代码
        
        new HtmlWebpackPlugin({
            filename: projectDir + "/index.html",
            template: projectDir + "/index.html",
            chunks: ['vendor'],
            inject: 'body'
        }),
        // new HtmlWebpackIncludeAssetsPlugin({
        //     assets: env === 'prod' ? ['vendor.dll.js'] : ['/static/js/vendor.dll.js'],
        //     append: false
        // })
    ]
};
module.exports = dllConfig;