webpack 插件

通用编译插件，可用于 vue 和 react 工程，辅助编译。

功能

1. 编译多主题切换配置工具
2. 编译无源码二开资源文件
3. 编译 less、css 样式文件
4. 优化 chunk 数量

依赖

webpack 4.x

使用

const BtflyWebpackPlugin = require("btfly-webpack-plugin");
export default {
  chainWebpack: (config) => {
    config.plugin("btfly-webpack-plugin").use(BtflyWebpackPlugin, [
      {
        noSourceCode: {
          enabled: true
        },
        multiTheme: {
          enabled: true,
          otherBuiltInThemes: [
            {
              themeName: "default",
              modifyVars: require(resolve("src/themes/themeLoaderDefault.js"))
            },
            {
              themeName: "autumnBlue",
              modifyVars: require(resolve(
                "src/themes/themeLoaderAutumnBlue.js"
              ))
            },
            {
              themeName: "nationalFlagRed",
              modifyVars: require(resolve(
                "src/themes/themeLoaderNationalFlagRed.js"
              ))
            },
            {
              themeName: "peacockGreen",
              modifyVars: require(resolve(
                "src/themes/themeLoaderPeacockGreen.js"
              ))
            },
            {
              themeName: "seaBlue",
              modifyVars: require(resolve("src/themes/themeLoaderSeaBlue.js"))
            }
          ]
        }
      }
    ]);
    BtflyWebpackPlugin.setupVueProject(config);
    config
      .plugin("LimitChunkCountPlugin")
      .use(
        require.resolve(
          "btfly-webpack-plugin/src/webpack4/lib/optimize/LimitChunkCountPlugin.js"
        ),
        [
          {
            maxChunks: 10,
            minChunkSize: 10000
          }
        ]
      );
  }
  return config;
};