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

时间:2018-01-05 12:26:13

标签: javascript webpack vuejs2

我刚用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 whare我包含了一些外部js文件。我们可以进行一些捆绑,这样我们就不需要将这些外部文件包含到index.html中,或者这是包含外部js文件的唯一方法。

任何帮助都将受到高度赞赏。 感谢

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

通常只需将外部js文件导入*.vue文件,就可以这样做:

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

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