assets 和static的区别

最新推荐文章于 2024-07-08 13:53:55 发布
最新推荐文章于 2024-07-08 13:53:55 发布
阅读量110 收藏
点赞数
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，当将它
vue中assets和static的区别
qq_41662119的博客
10-28 555

 
 Vue中assets和static的区别
 再一次框架定型中，与同事在静态资源的存放上有了一些分歧，后来经过查阅总结如下：
 
 
  
 相同点：
  
 assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点 &#...
assets和static的区别
Lcyj9994399的博客
01-28 238
相同点： assets 和 static 两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点
Assets 和 Static 的区别
My_wife_QBL的博客
07-08 1093
在现代前端项目中，静态资源文件（如图片、字体、样式文件等）是不可或缺的。为了更好地管理和优化这些资源，前端框架通常会提供专门的目录来存放它们。在 Vue.js 项目中，assets和static就是两个常用的目录。assets和static是现代前端项目中常用的静态资源目录，它们在处理机制和路径引用上存在一些差异。assets目录中的文件会经过构建工具处理，而static目录中的文件会直接复制到输出目录中。在实际开发中，我们应根据具体需求选择合适的目录，并遵循最佳实践来管理和优化静态资源文件。
详解vue2.0 资源文件assets和static的区别
10-17
接下来，我们来具体区分assets和static两种文件夹的区别： 1. 资源引用和处理方式不同： - assets文件夹中的资源会被Webpack处理。这意味着它们在构建过程中会被Webpack按照配置进行压缩、转换等操作，然后输出到...
vue2.0 资源文件assets和static的区别详解
08-27
"vue2.0 资源文件assets和static的区别详解" 本文详细介绍了 Vue 2.0 中资源文件 assets 和 static 的区别，帮助读者了解这两个路径下的文件处理方式的差异。 首先，在 Vue 项目结构中，有两个资源文件的路径分别...
浅谈vue中改elementUI默认样式引发的static与assets的区别
11-30
Vue项目通常有两个存放静态资源的目录：`assets`和`static`。它们之间存在一些区别： 1. `assets`目录位于`src`目录下，因此在项目编译时会被处理（打包），生成的文件将包含在最终的构建结果中。在`.vue`文件的`...
你知道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
### 回答1： 在Vue中，assets和static两个文件夹都是用于存储静态资源的文件夹。但它们之间还是有一些区别的。 assets文件夹主要用于存放需要打包的静态资源，如CSS、JavaScript和图片等。这些资源会被webpack打包，并且会根据需要在项目中被引用和使用。 而static文件夹则用于存放不需要打包的静态资源，如一些第三方库或者自己编写的一些JS、CSS、图片等。这些资源在打包时不会被webpack处理，而是直接复制到打包后的文件夹中。 因此，如果你的静态资源需要被打包处理，就应该放在assets文件夹中，如果不需要被打包处理，就应该放在static文件夹中。 ### 回答2： Vue 中的 assets 文件夹和 static 文件夹都是用于存放静态资源的文件夹，但它们之间还是有一些区别的。 assets 文件夹主要用于存放项目的静态资源，如样式文件（CSS）、图片文件等。在开发过程中，这些资源会经过 webpack 编译，并且会被基于模块的构建工具处理。这是因为在 Vue 项目中，我们可以使用相对路径引入这些资源，然后在代码中进行动态引用，以便实现按需加载和按需显示。因此，assets 文件夹中的资源会经过Vue的处理和打包，最终在项目的静态资源中被引用和使用。 而 static 文件夹则是用于存放不需要进行特殊处理的静态资源。在开发过程中，static 文件夹中的资源不会经过 webpack 编译处理，也不会被 Vue 的构建工具修改文件路径或引用方式。这是因为 static 文件夹中的资源是静态的，它们的路径和引用方式在编译期间就已经确定了，不需要运行时进行动态引用。static 文件夹中的资源会直接被复制到最终打包好的项目中，以供访问和使用。 综上所述，assets 文件夹主要用于存放需要进行处理和打包的静态资源，而 static 文件夹则是用于存放不需要进行处理的静态资源。在开发过程中，我们应根据资源的性质和使用方式选择将其放置在 assets 文件夹或 static 文件夹中。 ### 回答3： Vue 中的 assets 和 static 两个文件夹在项目中起到不同的作用。 assets 文件夹是用来存放项目中的资源文件的，如图片、字体文件等等。当我们在 Vue 组件中需要引用这些资源文件时，可以通过相对路径来找到 assets 文件夹中的内容。这样做的好处是，当项目需要进行打包时，Webpack 会自动地将 assets 文件夹中的资源文件进行处理，并将它们拷贝到输出目录中的静态资源文件夹中，这样可以确保资源文件被正确引用并能够被项目正确使用。 而 static 文件夹则是用来存放静态资源文件的，如一些第三方库或者插件中的 JS 文件、CSS 文件等等。与 assets 文件夹不同的是，static 文件夹中的内容不会经过 Webpack 的处理，它们会原封不动地被拷贝到输出目录中的静态资源文件夹中。这样做的好处是，这些静态资源文件在项目中引用时，不需要经过额外的处理，可以直接引用它们。 所以，assets 文件夹中的内容适用于项目中自有的资源文件，而 static 文件夹中的内容则适用于一些外部的、不需要额外处理的静态资源文件。这样的划分既能够使项目资源的管理更加清晰，又能够保证这些资源文件能够被正确地引用和使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值