vue静态资源加载

crayon-shin-chan

于 2020-10-24 13:48:29 发布

阅读量1.8k

点赞数

分类专栏： surprise vue 文章标签： 1024程序员节

本文链接：https://blog.csdn.net/qq_27868061/article/details/109258223

版权

surprise 同时被 2 个专栏收录

932 篇文章 41 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

vue

24 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue项目中的静态资源处理，包括public目录下的外部静态资源，如layui、jquery，以及src/assets目录下的组件img和background-image引用资源。讨论了publicPath的配置、img元素的处理、URL解析规则，并提供了修改loader选项的方法。

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

1.简介

在一个vue项目中分为两种静态资源：

public目录：存放外部js、css等

src/assets目录：存放组件img、background-image引用的图片等静态资源

2.public静态资源

2.1 外部静态资源

这些静态资源包含了编译之前就存在的外部js、css，如layui、jquery等等js文件，这些文件在index.html中引入如下：

    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!--集成layui-->
    <script type="text/javascript" src="<%= BASE_URL %>layui/layui.all.js"></script>
    <link rel="stylesheet" href="<%= BASE_URL %>layui/css/layui.css">
    <!--全局样式-->
    <link rel="stylesheet" href=

了解本专栏