在vue.config.js中 在externals中把一些依赖包在打包的过程中忽略 来减少我打包后的js文件的大小,然后这些包我放在了public下面,怎么给他动态引入进去
参考自 chatGPT:
在使用externals选项将一些依赖包从打包文件中排除后,需要在Vue应用中手动引入这些依赖包。如果这些依赖包已经放在public目录下,可以在Vue应用的HTML文件中使用script标签动态引入这些依赖包。
具体实现步骤如下:
在Vue应用的public目录下创建一个scripts目录,用于存放需要动态引入的依赖包。例如,创建一个jquery.js文件,内容为:
```javascript
<script src="<%= BASE_URL %>scripts/jquery.min.js"></script>
在Vue应用的public/index.html文件中,使用script标签引入这些依赖包。例如,在head标签中添加以下代码:
<head>
<script src="<%= BASE_URL %>scripts/jquery.js"></script>
</head>
在Vue组件中使用window对象访问这些依赖包。例如,在使用jquery插件的Vue组件中,可以按照以下方式使用:
export default {
mounted() {
// 使用jquery插件
$('.my-element').plugin();
}
}
通过使用以上方式,可以在externals选项中排除一些依赖包,减小打包后的文件大小,并在Vue应用中手动引入这些依赖包,使其能够被正确地使用。
希望以上信息对你有所帮助。
```