Vue Cli 3-编译Web组件时在dist中包含js文件

时间:2019-06-18 15:05:19

标签: vue.js webpack vue-cli-3

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

我需要创建一个需要不同库的加载器文件(称为loader.js)。

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

我使用以下命令来编译Web组件:

require

这时我需要的是,在构建Web组件时,webpack还将处理loader.js文件并将所有module.exports = { plugins: [ new CopyWebpackPlugin( [ { from: 'src/loader.js', to: '.', }, ], ), ], } 捆绑在dist文件夹中。

我是webpack的新手,但我不知道该如何解决。我尝试使用CopyWebpackPlugin,但它仅复制了loader.js文件,并且不包含必需文件。

Given XXX input data
When YYY request is sent to ElasticSearch 
Then service does ZZZ afterwards

我该如何解决?

1 个答案:

答案 0 :(得分:0)

如果它是静态js文件,则可以将其添加到公用文件夹中

  

public文件夹

     

放置在public文件夹中的任何静态资产都将被简单复制,而不会通过webpack。您需要使用绝对路径引用它们。

src:https://cli.vuejs.org/guide/html-and-static-assets.html#the-public-folder

如果具有和/或具有依赖项,则在主代码中使用import会将其包括在捆绑软件中。