@sweet-milktea/milktea/lib/dll.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const path = require("path");
const _ = require("lodash");
const webpack = require("webpack");
const Config = require("webpack-chain");
const webpack_merge_1 = require("webpack-merge");
const babelConfig_1 = require("./config/babelConfig");
const handleProgress_1 = require("./plugins/handleProgress");
const handleProgressBar_1 = require("./plugins/handleProgressBar");
const cacheConfig_1 = require("./config/cacheConfig");
const utils_1 = require("./utils/utils");
/**
 * webpack dll扩展配置
 * @param { SweetConfig | null | undefined } sweetConfig: 获取到的外部配置
 * @param { SweetOptions } sweetOptions: 内部挂载的一些配置
 */
function default_1(sweetConfig, sweetOptions) {
    const config = new Config();
    const sweetConfigCopy = _.isPlainObject(sweetConfig) ? _.omit({ ...sweetConfig }, [
        'serverRender',
        'serverEntry',
        'serverOutput',
        'serverExternals',
        'serverDevtool',
        'serverChainWebpack',
        'hot'
    ]) : {};
    const { mode, dll, externals, resolve, chainWebpack, js, webpackLog = 'progress' } = sweetConfigCopy;
    const { ecmascript, targets: customTargets } = js !== null && js !== void 0 ? js : {};
    const isDevelopment = mode === 'development';
    // 合并配置
    config
        .merge({
        mode: 'development',
        devtool: isDevelopment ? 'inline-source-map' : false,
        resolve: { extensions: utils_1.extensions },
        target: ['web', ecmascript ? 'es2020' : 'es5'],
        performance: { hints: false }
    });
    // 设置文件输出
    config
        .output
        .path(path.join(sweetOptions.basicPath, cacheConfig_1.dllCache))
        .filename('[name].js')
        .library('[name]_[hash:5]')
        .libraryTarget('var')
        .globalObject('this');
    // babel
    config
        .when(!ecmascript, (config) => {
        config
            .module
            .rule('dll')
            .use('babel-loader')
            .loader('babel-loader')
            .options({
            presets: [babelConfig_1.createPresetEnv(customTargets, false, true)],
            cacheDirectory: path.join(sweetOptions.basicPath, cacheConfig_1.babelCache),
            configFile: false,
            babelrc: false
        });
    });
    // plugin
    config
        // dll
        .plugin('webpack.DllPlugin')
        .use(webpack.DllPlugin, [{
            path: path.join(sweetOptions.basicPath, cacheConfig_1.dllCache, 'manifest.json'),
            name: '[name]_[hash:5]'
        }])
        .end()
        // moment
        .plugin('webpack.IgnorePlugin')
        .use(webpack.IgnorePlugin, [{
            resourceRegExp: /^\.\/locale$/,
            contextRegExp: /moment$/
        }])
        .end()
        // 进度条
        .plugin('webpack.ProgressPlugin')
        .use(webpack.ProgressPlugin, [!webpackLog || webpackLog === 'progress' ? handleProgressBar_1.default(false) : handleProgress_1.handleDefaultProgress]);
    /* chainWebpack: 通过webpack-chain的API扩展或修改webpack配置 */
    if (chainWebpack) {
        chainWebpack(config);
    }
    const mergeConfiguration = {
        entry: (dll === null || dll === void 0 ? void 0 : dll.length) ? { dll } : undefined,
        externals,
        resolve,
        experiments: {
            topLevelAwait: true
        }
    };
    /* @ts-ignore 合并自定义配置 */
    return webpack_merge_1.merge(config.toConfig(), mergeConfiguration);
}
exports.default = default_1;