小编ser*_*mbo的帖子

我正在开发一个使用 Vue Cli 3 创建的项目，并且一直在使用 Vue Web 组件。

我需要创建一个需要不同库的加载程序文件（称为 loader.js）。

require(‘.node_modules/…/…/library.js’);
require(‘.node_modules/…/…/script.js’);

我使用这个命令来编译 web 组件：

vue-cli-service build --target wc --name widget ./src/components/widget.vue

此时我需要的是，在构建 web 组件时，webpack 还会处理 loader.js 文件并将所有内容打包require到 dist 文件夹中。

我是 webpack 的新手，我不知道如何解决这个问题。我尝试使用 CopyWebpackPlugin 但它只复制了 loader.js 文件并且不包含 require 文件。

module.exports = {
plugins: [
  new CopyWebpackPlugin(
    [
      {
        from: 'src/loader.js',
        to: '.',
      },
    ],
  ),
],
}

我该如何解决这个问题？