@ctsj/build/src/webpackconfig/webpack.base.js

一个基于webpack的打包工具

const webpack = require('webpack');
const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const common = require('./webpack.common.js');
const commandArgs = require('../commandArgs');
const projectWebpackConfigMerge = require('./config/index.js');

module.exports = function ({ webpackConfig, runtimePath }) {
  const argsMap = commandArgs.initCommandArgs();

  // --runtimepath
  // --customconfig

  const env = commandArgs.toCommandArgs(argsMap.get('--env').join(' '));

  // 附加的参数
  const defineArgs = commandArgs.toCommandArgs(
    JSON.parse(Buffer.from(env.get('define'), 'base64').toString() || '[]').join(' '),
  );

  // 用户自定义配置文件的路径
  const customWebpackConfigPath = env.get('customconfig');

  let customWebpackConfig;

  if (customWebpackConfigPath) {
    // 用户对webpackconfig对象进行修改形成用户自己的webpackconfig的配置对象里面有getTheme和getConfig
    customWebpackConfig = require(customWebpackConfigPath);
  }

  // 基于webpackconfig进行项目配置，如@别名,cssmodules,less主题,assets目录,变量,打包分析等设置
  const projectWebpackConfigMergeParams = {
    webpackConfig,
    runtimePath,
    plugins: common.plugins,
    webpack,
    defineArgs,
  };

  if (customWebpackConfig && customWebpackConfig.getTheme) {
    projectWebpackConfigMergeParams.theme = customWebpackConfig.getTheme({
      webpack,
      webpackConfig,
      plugins: common.plugins,
      define: defineArgs,
    });
  }

  projectWebpackConfigMerge(projectWebpackConfigMergeParams);

  // 用户基于webpackconfig和projectconfig的配置进行二次配置
  if (customWebpackConfig && customWebpackConfig.getConfig) {
    customWebpackConfig.getConfig({
      webpack,
      webpackConfig,
      plugins: common.plugins,
      define: defineArgs,
    });
  }

  // 是否进行打包分析
  if (defineArgs.get('analysis')) {
    // mini-css-extract-plugin和speed-measure-webpack-plugin冲突的hacky
    const MiniCssExtractPlugins = webpackConfig.plugins.filter(p => p instanceof MiniCssExtractPlugin);
    webpackConfig.plugins = webpackConfig.plugins.filter(p => !(p instanceof MiniCssExtractPlugin));

    const smp = new SpeedMeasurePlugin();

    // eslint-disable-next-line no-param-reassign
    webpackConfig = smp.wrap(webpackConfig);
    webpackConfig.plugins.push(...MiniCssExtractPlugins);
  }

  return webpackConfig;
};