在Webpack中使用vue文件中的外部js文件

Question

我正在开发一个使用typescript，vue和webpack的项目。我创建了一些组件，我可以通过导入使用它们。但是我在另一个根文件夹中有不同的js文件，如site.js，ruler.js，color.js，speech.js，drware.js等。架构如下所示

+|dist
 ----build.js
+|src
 ----index.ts
  +|main
    ----Header.vue
    ----Footer.vue
    ----Body.vue
+|lib
 ----site.js
 ----ruler.js
 ----drawer.js
 ----color.js

webpack config从src文件夹获取index.ts，如上所示。当我不使用某些功能（如jquery插件或一些特殊的功能）时，一切都很好。但是，当我使用来自site.js网络包的五分之一的错误时无法解决来自site.js的“标尺”

我试图通过在webpack.config.js中给出第二个条目来连接，但它没有解决我的问题。我想知道如何使用webpack解析vue或ts文件中的外部js文件。我alson尝试了

require(""../src/site.js)

但它也没有用。

编辑：如果我手动连接js文件并在html上将其作为脚本源提供它没有问题，但我无法合并所有文件，或者我不想使用“gulp”来连接它们

Answer 1

您是否尝试在您的webpack配置中加入脚本加载器？

Webpack是一个捆绑器，而不是脚本加载器本身。我建议你按照webpack's official instructions添加脚本加载器。

祝你好运！