在(webpack和vue2)中包含外部js文件的最佳方式是什么?

brgchamk  于 2022-11-13  发布在  Webpack
关注(0)|答案(2)|浏览(146)

我刚用webpack2和vue2开发了这个项目。我有其他的外部插件不能通过npm安装。所以我的问题是最好的方法来包含这些文件。这里是我的index.html

<html>
     <head>
     </head>
     <body>
     <div id="app"></div> 
     <script src="app.js"></script>
     <script src="/static/js/flowchart.js"></script>
     <script src="/static/js/exteral2.js"></script>
    </body>
</html>

这是我的index.html,我在其中包括一些外部js文件。我们可以做一些捆绑,使我们不需要包括这些外部文件到index.html,或者这是唯一的方法,包括外部js文件。
任何帮助都将不胜感激。谢谢

vdzxcuhz

vdzxcuhz1#

在具有相对路径的代码中包含外部文件:

import './static/js/flowchart.js';
xwbd5t1u

xwbd5t1u2#

通常,您可以通过将外部js文件导入到*.vue文件中来实现此操作,如下所示:

import './external/js/.js';

但在Webpacka中,您不需要将这些文件解析为模块:
https://github.com/webpack/webpack.js.org/issues/63

相关问题