nanachi-cli/config/webpackConfig.js

const NanachiWebpackPlugin = require('../nanachi-loader/plugin');
const SizePlugin = require('../nanachi-loader/sizePlugin');
const QuickPlugin = require('../nanachi-loader/quickPlugin');
const ChaikaPlugin = require('../nanachi-loader/chaika-plugin/chaikaPlugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');

const utils = require('../packages/utils/index');
const { intermediateDirectoryName } = require('./h5/configurations');
//各种loader
//生成文件
const fileLoader = require.resolve('../nanachi-loader/loaders/fileLoader');
//处理@component, @comom
const aliasLoader = require.resolve('../nanachi-loader/loaders/aliasLoader');
//visitor
const nanachiLoader = require.resolve('../nanachi-loader/loaders/nanachiLoader');
//将第三方依赖库复制到npm目录中
const nodeLoader = require.resolve('../nanachi-loader/loaders/nodeLoader');
//处理华为快应用
const reactLoader = require.resolve('../nanachi-loader/loaders/reactLoader');

//处理 style
const nanachiStyleLoader  = require.resolve('../nanachi-loader/loaders/nanachiStyleLoader');

const cwd = process.cwd();

module.exports = function({
    platform,
    compress,
    compressOption,
    plugins,
    rules,
    huawei,
    analysis,
    prevLoaders, // 自定义预处理loaders
    postLoaders, // 自定义后处理loaders
    // maxAssetSize // 资源大小限制，超出后报warning
}) {
    
    let aliasMap = require('../packages/utils/calculateAliasConfig')();
    let distPath = path.resolve(cwd, utils.getDistName(platform));
    if (platform === 'h5') {
        distPath = path.join(distPath, intermediateDirectoryName);
    }
    let copyPluginOption = null;
    if (compress) {
        const compressImage = require(path.resolve(cwd, 'node_modules', 'nanachi-compress-loader/utils/compressImage.js'));
        copyPluginOption = {
            transform(content, path) {
                const type = path.replace(/.*\.(.*)$/, '$1');
                return compressImage(content, type, compressOption);
            },
            cache: true,
        };
    }

    const nodeRules = [{
        test: /node_modules[\\/](?!schnee-ui[\\/])/,
        use: [].concat(
            fileLoader, 
            postLoaders, 
            aliasLoader, 
            nodeLoader) 
    }];
    const copyAssetsRules = [{
        from: '**',
        to: 'assets',
        context: 'source/assets',
        ignore: [
            '**/*.@(js|jsx|json|sass|scss|less|css)'
        ],
        ...copyPluginOption // 压缩图片配置
    }];
    const mergePlugins = [].concat( 
        new ChaikaPlugin(),
        analysis ? new SizePlugin() : [],
        new NanachiWebpackPlugin({
            platform,
            compress
        }),
        new CopyWebpackPlugin(copyAssetsRules),
        plugins);

    const mergeRule = [].concat(
        {
            test: /\.jsx?$/,
            //loader是从后往前处理
            use: [].concat(
                fileLoader, 
                postLoaders, 
                platform !== 'h5' ? aliasLoader: [], 
                nanachiLoader,
                {
                    loader: require.resolve('eslint-loader'),
                    options: {
                        configFile: require.resolve(`./eslint/.eslintrc-${platform}.js`),
                        failOnError: utils.isMportalEnv(),
                        allowInlineConfig: false, // 不允许使用注释配置eslint规则
                        useEslintrc: false // 不使用用户自定义eslintrc配置
                    }
                },
                prevLoaders ) ,
            exclude: /node_modules[\\/](?!schnee-ui[\\/])|React/,
        },
        platform !== 'h5' ? nodeRules : [],
        {
            test: /React\w+/,
            use: [].concat(
                fileLoader, 
                postLoaders,
                nodeLoader, 
                reactLoader),
        },
        {
            test: /\.(s[ca]ss|less|css)$/,
            use: [].concat(
                fileLoader, 
                postLoaders, 
                platform !== 'h5' ? aliasLoader : [], 
                nanachiStyleLoader,
                prevLoaders)
        },
        rules);
    
    if (platform === 'quick') {
        mergePlugins.push(new QuickPlugin());
        // quickConfig可能不存在 需要try catch
        try {
             // quickConfig可能不存在 需要try catch
             // chaika里，各种XConfig.json会合并到.CACHE/nanachi/source中
             var quickConfig = {};
             process.env.NANACHI_CHAIK_MODE === 'CHAIK_MODE'
                 ? quickConfig = require(path.join(cwd, '.CACHE/nanachi/source', 'quickConfig.json'))
                 : quickConfig = require(path.join(cwd, 'source', 'quickConfig.json'));
            if (huawei) {
                if (quickConfig && quickConfig.widgets) {
                    quickConfig.widgets.forEach(widget => {
                        const widgetPath = widget.path;
                        if (widgetPath) {
                            const rule = {
                                from: '**',
                                to: widgetPath.replace(/^[\\/]/, ''),
                                context: path.join('source', widgetPath),
                                ...copyPluginOption
                            };
                            copyAssetsRules.push(rule);
                        }
                    });
                }
            } else if (quickConfig && quickConfig.router && quickConfig.router.widgets) {
        
                Object.keys(quickConfig.router.widgets).forEach(key => {
                    const widgetPath = quickConfig.router.widgets[key].path;
                    if (widgetPath) {
                        const rule = {
                            from: '**',
                            to: widgetPath.replace(/^[\\/]/, ''),
                            context: path.join('source', widgetPath),
                            ...copyPluginOption
                        };
                        copyAssetsRules.push(rule);
                    }
                });
            }
        } catch (err) {
            // eslint-disable-next-line
        }
    }
    const entry = process.env.NANACHI_CHAIK_MODE === 'CHAIK_MODE'
        ? path.join(cwd, '.CACHE/nanachi/source/app')
        : path.join(cwd, 'source/app');
    return {
        entry: entry,
        mode: 'development',
        output: {
            path: distPath,
            filename: 'index.bundle.js'
        },
        module: {
            rules: mergeRule
        },
        plugins: mergePlugins,
        resolve: {
            alias: aliasMap,
            mainFields: ['main'],
            symlinks: true,
            modules: [
                path.join(process.cwd(), 'node_modules')
            ]
        },
        externals: platform === 'h5' ? ['react','@react','react-dom', 'react-loadable', '@qunar-default-loading', '@dynamic-page-loader', /^@internalComponents/] : []
        // performance: {
        //     hints: 'warning',
        //     assetFilter(filename) {
        //         return !/React\w+\.js/.test(filename);
        //     },
        //     maxAssetSize
        // }
    };
};