@tarojs/webpack-runner/dist/config/dev.conf.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const helper_1 = require("@tarojs/helper");
const lodash_1 = require("lodash");
const path = require("path");
const utils_1 = require("../utils");
const chain_1 = require("../utils/chain");
const base_conf_1 = require("./base.conf");
function default_1(appPath, config, appHelper) {
    const chain = (0, base_conf_1.default)(appPath, config);
    const { alias = {}, copy, entry = {}, entryFileName = 'app', output = {}, sourceRoot = 'src', outputRoot = 'dist', publicPath = '/', staticDirectory = 'static', chunkDirectory = 'chunk', router = {}, designWidth = 750, deviceRatio, enableSourceMap = true, sourceMapType, enableExtract = false, defineConstants = {}, env = {}, styleLoaderOption = {}, cssLoaderOption = {}, sassLoaderOption = {}, lessLoaderOption = {}, stylusLoaderOption = {}, mediaUrlLoaderOption = {}, fontUrlLoaderOption = {}, imageUrlLoaderOption = {}, miniCssExtractPluginOption = {}, esnextModules = [], compile = {}, postcss = {}, htmlPluginOption = {}, useDeprecatedAdapterComponent = false } = config;
    const sourceDir = path.join(appPath, sourceRoot);
    const isMultiRouterMode = (0, lodash_1.get)(router, 'mode') === 'multi';
    const { rule, postcssOption } = (0, chain_1.parseModule)(appPath, {
        designWidth,
        deviceRatio,
        enableExtract,
        enableSourceMap,
        styleLoaderOption,
        cssLoaderOption,
        lessLoaderOption,
        sassLoaderOption,
        stylusLoaderOption,
        fontUrlLoaderOption,
        imageUrlLoaderOption,
        mediaUrlLoaderOption,
        esnextModules,
        compile,
        postcss,
        sourceDir,
        staticDirectory
    });
    const [, pxtransformOption] = postcssOption.find(([name]) => name === 'postcss-pxtransform') || [];
    const plugin = {};
    plugin.mainPlugin = (0, chain_1.getMainPlugin)({
        /** paths */
        sourceDir,
        entryFileName,
        /** config & message */
        framework: config.framework,
        frameworkExts: config.frameworkExts,
        routerConfig: router,
        runtimePath: config.runtimePath,
        pxTransformConfig: (pxtransformOption === null || pxtransformOption === void 0 ? void 0 : pxtransformOption.config) || {},
        /** building mode */
        isBuildNativeComp: config.isBuildNativeComp,
        /** hooks & methods */
        onCompilerMake: config.onCompilerMake,
        onParseCreateElement: config.onParseCreateElement,
    });
    if (enableExtract) {
        plugin.miniCssExtractPlugin = (0, chain_1.getMiniCssExtractPlugin)([
            {
                filename: 'css/[name].css',
                chunkFilename: 'css/[name].css'
            },
            miniCssExtractPluginOption
        ]);
    }
    if (copy) {
        plugin.copyWebpackPlugin = (0, chain_1.getCopyWebpackPlugin)({ copy, appPath });
    }
    const htmlScript = (0, utils_1.parseHtmlScript)(pxtransformOption);
    if (process.env.NODE_ENV !== 'production' && htmlScript !== undefined && Object.hasOwnProperty.call(htmlPluginOption, 'script')) {
        console.warn(helper_1.chalk.yellowBright('配置文件覆盖 htmlPluginOption.script 参数会导致 pxtransform 脚本失效，请慎重使用！'));
    }
    const template = path.join(sourceDir, 'index.html');
    if (helper_1.fs.existsSync(template)) {
        if (isMultiRouterMode) {
            delete entry[entryFileName];
            appHelper.pagesConfigList.forEach((page, index) => {
                entry[index] = [page];
            });
            (0, lodash_1.merge)(plugin, (0, lodash_1.mapValues)(entry, (_filePath, entryName) => {
                return (0, chain_1.getHtmlWebpackPlugin)([(0, helper_1.recursiveMerge)({
                        filename: `${entryName}.html`,
                        script: htmlScript,
                        template,
                        chunks: [entryName]
                    }, htmlPluginOption)]);
            }));
        }
        else {
            plugin.htmlWebpackPlugin = (0, chain_1.getHtmlWebpackPlugin)([(0, helper_1.recursiveMerge)({
                    filename: 'index.html',
                    script: htmlScript,
                    template,
                }, htmlPluginOption)]);
        }
    }
    env.SUPPORT_DINGTALK_NAVIGATE = env.SUPPORT_DINGTALK_NAVIGATE || '"disabled"';
    defineConstants.DEPRECATED_ADAPTER_COMPONENT = JSON.stringify(!!useDeprecatedAdapterComponent);
    plugin.definePlugin = (0, chain_1.getDefinePlugin)([(0, chain_1.processEnvOption)(env), defineConstants]);
    const mode = 'development';
    chain.merge({
        mode,
        devtool: (0, chain_1.getDevtool)({ enableSourceMap, sourceMapType }),
        entry,
        output: (0, chain_1.getOutput)(appPath, [{
                outputRoot,
                publicPath: ['', 'auto'].includes(publicPath) ? publicPath : (0, utils_1.addTrailingSlash)(publicPath),
                chunkDirectory
            }, output]),
        resolve: { alias },
        module: { rule },
        plugin,
        optimization: {
            noEmitOnErrors: true,
            splitChunks: {
                chunks: 'initial',
                minSize: 0,
                cacheGroups: {
                    common: {
                        name: 'common',
                        minChunks: 2,
                        priority: 1
                    },
                    vendors: {
                        name: 'vendors',
                        minChunks: 2,
                        test: module => /[\\/]node_modules[\\/]/.test(module.resource),
                        priority: 10
                    },
                    taro: {
                        name: 'taro',
                        test: module => /@tarojs[\\/][a-z]+/.test(module.context),
                        priority: 100
                    }
                }
            }
        }
    });
    return chain;
}
exports.default = default_1;
//# sourceMappingURL=dev.conf.js.map