vue项目中的html引用多个外部js怎么写
时间: 2024-03-10 09:49:09 浏览: 22
在Vue项目中,如果需要在HTML文件中引用多个外部JS文件,可以使用以下方式:
1. 在HTML文件中使用多个<script>标签,每个标签引用一个JS文件。例如:
```
<!DOCTYPE html>
<html>
<head>
<title>Vue Project</title>
<script src="js/file1.js"></script>
<script src="js/file2.js"></script>
<script src="js/file3.js"></script>
</head>
<body>
<div id="app"></div>
</body>
</html>
```
在这个例子中,我们使用了三个<script>标签,每个标签引用一个JS文件。请确保JS文件的路径正确。
2. 使用Webpack或Vue CLI等构建工具打包多个JS文件,然后在HTML文件中引用打包后的JS文件。例如:
在Vue CLI项目中,可以使用以下命令将多个JS文件打包为一个文件:
```
npm run build
```
打包后的文件位于dist目录中,可以在HTML文件中引用:
```
<!DOCTYPE html>
<html>
<head>
<title>Vue Project</title>
<script src="js/app.js"></script>
</head>
<body>
<div id="app"></div>
</body>
</html>
```
在这个例子中,我们引用了一个打包后的JS文件app.js。请确保打包后的文件路径正确。
以上是在Vue项目中引用多个外部JS文件的两种常见方式。