【vue 引用public中的js文件】public文件的引用
warning:
这篇文章距离上次修改已过192天，其中的内容可能已经有所变动。
在Vue项目中，如果你想要在组件中引用位于public文件夹中的JavaScript文件，你可以通过在index.html文件中使用<script>标签来引入它。public文件夹中的文件会被复制到项目最终构建的输出目录，并且可以通过相对于输出目录的路径来引用它们。
例如，如果你有一个public目录下的example.js文件，你可以在public/index.html文件中添加如下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ... 其他头部内容 ... -->
</head>
<body>
<div id="app"></div>
<!-- 引入public目录下的JavaScript文件 -->
<script src="example.js"></script>
</body>
</html>这样，example.js就会在你的Vue应用加载时被引入和执行。在你的Vue组件中，你可以直接使用example.js中定义的变量、函数或模块，因为它们都被添加到了全局作用域中。
请注意，public文件夹中的文件不会被Webpack处理。这意味着你不能在public中的JavaScript文件中使用像import或require这样的模块化方式来引入其他模块，因为Webpack不会解析这些文件。如果你需要模块化管理，请考虑将文件放在src目录下的某个模块中。
评论已关闭