最近在网上找了很多关于静态文件不打包和引入静态文件中数据不需要打包的需求。但是发现基本解释不是特别详细,所以花了点时间做了一个demo做演示。
vue中如果需要引入外部js文件,避免被打包我们可以放到 public 文件下:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fd12ea8d2f38adf83cf65f95cfec94b7.png)
在 public 下新建文件夹 json 中有 xmlList.js 文件
此时xmlList就不会被打包编译。
在组件中使用数据
在html文件中引入
<script src="json/xmlList.js"></script>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e7c4112ca387ad6254f74442593399d8.png)
xmlList.js
let xmlList =<