assets 和static的区别

最新推荐文章于 2024-07-08 13:53:55 发布
转载 最新推荐文章于 2024-07-08 13:53:55 发布 · 110 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/bydzhangxiaowei/p/9078187.html

本文转载自SegmentFault与一位博主的文章, 原文链接分别给出。内容涉及信息技术领域的问答交流。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

assets与static的区别
从零出发
06-25 2万+
assets与static的区别相同点：资源在html中使用，都是可以的。不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，stat...
简述assets 和 static 的区别 ？
最新发布
csdn_Levy的博客
09-18 482
文件夹中的资源会被 webpack 处理，支持模块依赖，例如：可以使用 ES6 import、require 引入资源，可以使用相对路径，支持路径提示，也支持诸如图片转 base64、调用 loader 等 webpack 功能。当构建项目时，webpack 会对 assets 中的文件进行合并、压缩等优化操作，并且在引用这些资源时，可以使用 Vue 的一些特性，例如路径解析、模块热替换等。都是用来存放项目中的静态资源，如图片、样式文件、JavaScript 文件等的文件夹，但它们的处理方式不同。
详解Vue-cli中的静态资源管理（src/assets和static/的区别）
12-04
你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？ 资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png” 和background: url(./logo.png) 中./logo.png是一个相对资源路径，并且会被Webpack视为一个模块依赖来解析。 因为./logo.png并非一个Javascript，当将它
vue2.0 资源文件assets和static的区别详解
08-27
主要介绍了vue2.0 资源文件assets和static的区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue中assets和static的区别
qq_41662119的博客
10-28 555

 
 Vue中assets和static的区别
 再一次框架定型中，与同事在静态资源的存放上有了一些分歧，后来经过查阅总结如下：
 
 
  
 相同点：
  
 assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点 &#...
assets和static的区别
Lcyj9994399的博客
01-28 238
相同点： assets 和 static 两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点
详解vue2.0 资源文件assets和static的区别
10-17
接下来，我们来具体区分assets和static两种文件夹的区别： 1. 资源引用和处理方式不同： - assets文件夹中的资源会被Webpack处理。这意味着它们在构建过程中会被Webpack按照配置进行压缩、转换等操作，然后输出到...
浅谈vue中改elementUI默认样式引发的static与assets的区别
11-30
Vue项目通常有两个存放静态资源的目录：`assets`和`static`。它们之间存在一些区别： 1. `assets`目录位于`src`目录下，因此在项目编译时会被处理（打包），生成的文件将包含在最终的构建结果中。在`.vue`文件的`...
Assets 和 Static 的区别
My_wife_QBL的博客
07-08 1093
在现代前端项目中，静态资源文件（如图片、字体、样式文件等）是不可或缺的。为了更好地管理和优化这些资源，前端框架通常会提供专门的目录来存放它们。在 Vue.js 项目中，assets和static就是两个常用的目录。assets和static是现代前端项目中常用的静态资源目录，它们在处理机制和路径引用上存在一些差异。assets目录中的文件会经过构建工具处理，而static目录中的文件会直接复制到输出目录中。在实际开发中，我们应根据具体需求选择合适的目录，并遵循最佳实践来管理和优化静态资源文件。
你知道assets和static的区别吗？
waouya的博客
03-18 919
assets和static的区别
vue中文件在assets与static的区别
weixin_42398560的博客
02-28 2480
相同点：资源在html中使用，都是可以的。 不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第...
static和assets的区别
l17862868372的博客
09-15 860
assets和static两个都是用于存放静态资源文件。 放在static中的文件不会进行构建编译处理，也就不会压缩体积，在打包时效率会更高，但体积更大在服务器中就会占据更大的空间 放在assets中的文件会进行压缩体积、代码格式化，压缩后会放置在static中一同上传服务器。 因此建议样式文件放在assets中进行打包，引入的第三方文件放到static中，因为引入的文件已经做过打包处理 ...
前端Vue篇之assets和static的区别、delete和Vue.delete删除数组的区别、extend 有什么作用
星辰迷上大海的博客
03-01 1831
assets 和 static 的区别：assets 目录一般用于存放需要经过构建处理的静态资源，比如图片、样式表和 JavaScript 文件等。这些资源在构建时会被打包并加入到最终的发布文件中。static 目录则是用于存放不需要经过构建处理的静态资源，比如一些不会改变的第三方库或者全局样式表等。这些资源会原封不动地复制到发布目录中。
面试题之assets和static的区别
xiaoyaGrace的博客
05-25 363
在项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ 简单的讲，static放别人家的，不会变动的，第三方资源(第三方比如jQuery，swiper等)，assets放自己写的(自己写的样式及js文件等)相同点 assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点不同点 assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将asset
Vue 中 assets 和 static 两个文件夹的区别
09-11
Vue 中的 assets 文件夹和 static 文件夹都是用于存放静态资源的文件夹，但它们之间还是有一些区别的。 assets 文件夹主要用于存放项目的静态资源，如样式文件（CSS）、图片文件等。在开发过程中，这些资源会经过 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值