我正在使用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
我该如何解决?
答案 0 :(得分:0)
如果它是静态js文件,则可以将其添加到公用文件夹中
public
文件夹放置在
public
文件夹中的任何静态资产都将被简单复制,而不会通过webpack。您需要使用绝对路径引用它们。
src:https://cli.vuejs.org/guide/html-and-static-assets.html#the-public-folder
如果具有和/或具有依赖项,则在主代码中使用import会将其包括在捆绑软件中。