How to configure a function similar to HtmlWebpackExternalsPlugin to inject files into a package?

[moonsky-all]

这是我们项目原来的代码

const HtmlWebpackExternalsPlugin = require('html-webpack-externals-plugin');

export default {
  // ...
  plugins: [
    new HtmlWebpackExternalsPlugin({
      externals: [
        {
          module: 'vue',
          entry: {
            path: process.env.NODE_ENV === 'production' ? 'dist/vue.min.js' : 'dist/vue.js',
            type: 'js',
          },
          global: 'Vue',
        },
        {
          module: 'vuex',
          entry: {
            path: process.env.NODE_ENV === 'production' ? 'dist/vuex.min.js' : 'dist/vuex.js',
            type: 'js',
          },
          global: 'Vuex',
        },
        {
          module: 'vue-router',
          entry: {
            path: process.env.NODE_ENV === 'production' ? 'dist/vue-router.min.js' : 'dist/vue-router.js',
            type: 'js',
          },
          global: 'VueRouter',
        },
        {
          module: '@asdc/ec-element',
          entry: ['lib/index.js', 'lib/theme-chalk/index.css'],
          supplements: ['lib/theme-chalk/fonts/'],
          global: 'EC_ELEMENT',
        },
        {
          module: 'axios',
          entry: {
            path: 'dist/axios.min.js',
          },
          global: 'axios',
        },
        {
          module: 'echarts',
          entry: [
            {
              path: 'dist/echarts.min.js',
              attributes: {
                async: '',
                // defer: '',
              },
            },
            {
              path: 'theme/macarons.js',
              attributes: {
                async: '',
                // defer: '',
              },
            },
          ],
          global: 'echarts',
          // append: true,
        },
        {
          module: 'lodash',
          entry: {
            path: 'lodash.min.js',
            type: 'js',
          },
          global: '_',
        },
      ],
    }),
  ],
  // ...
}

我们需要这个插件在编译时自动排除某些库，然后把库文件用 script 的方式自动注入到 index.html 中，但是我直接把这段代码复制到rsbuild.config.js 的tools.rspack#addPlugins( .. )中并没有生效

[LingyuCoder]

HtmlWebpackExternalsPlugin had been deprecated. You can see the code of this plugin, it is just a combination of externals, CopyWebpackPlugin and HtmlWebpackIncludeAssetsPlugin(named html-webpack-tags-plugin now).

So you can use rspack.CopyRspackPlugin and html-rspack-tags-plugin instead to implement your own externals plugin.