import和link引入公共资源库的区别

最新推荐文章于 2023-03-14 05:15:00 发布

林之.

最新推荐文章于 2023-03-14 05:15:00 发布

阅读量262

点赞数

分类专栏：前端学习文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_51144154/article/details/121541182

版权

前端学习专栏收录该内容

22 篇文章 0 订阅

订阅专栏

本文介绍了在Vue项目中引入bootstrap的两种方式：通过import和在index.html中使用link标签。当使用import时，由于其包含检查机制，可能会因为未使用的第三方库报错。而link标签则不会进行这种检查，允许直接引入。针对import引入报错的问题，建议在全局引入时使用link标签来避免。

摘要由CSDN通过智能技术生成

1）在App.vue中引入bootstrap

<script>
import "./assets/css/bootstrap.css";
//import引入公共样式方式含有检查，会检查到bootstrap中含有我们没有用到的第三方库，就会报错
export default {
  name: "App",
};
</script>

在这里插入图片描述

如果我们整个项目中存在没有用到bootstrap中第三方资源库的时候，import会检查到并且报错，然而link引入就不会。

2). 对于整个项目也可以选择在index.html中利用link标签引入引入bootstrap，并且link不会去检查，就可以进行引入。

    <!-- 引入第三方样式 -->
    <link rel="stylesheet" href="<%= BASE_URL %>css/bootstrap.css">

在这里插入图片描述

林之.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
import和link引入公共资源库的区别

1）在App.vue中引入bootstrap<script>import "./assets/css/bootstrap.css";//import引入公共样式方式含有检查，会检查到bootstrap中含有我们没有用到的第三方库，就会报错export default { name: "App",};</script>如果我们整个项目中存在没有用到bootstrap中第三方资源库的时候，import会检查到并且报错，然而link引入就不会。2). 对于整个项
复制链接

扫一扫

专栏目录