vue中static与assets的区别

最新推荐文章于 2025-06-04 20:35:00 发布
最新推荐文章于 2025-06-04 20:35:00 发布
阅读量630 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44133711/article/details/92799242

在这里插入图片描述
assets的作用就是引入组件中的静态资源，static中的静态资源，打包时也会有区别
static的不会改变，aseets会生base64的图片

assets与static的区别
从零出发
06-25 2万+
assets与static的区别相同点：资源在html中使用，都是可以的。不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，stat...
vue2.0 资源文件assets和static的区别详解
08-27
主要介绍了vue2.0 资源文件assets和static的区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
你知道assets和static的区别吗？
waouya的博客
03-18 919
assets和static的区别
Vue 3 模板编译中的 “静态提升”（Hoist Static）优化具体指什么？对渲染性能有何影响？
最新发布
前端大白话
06-04 1093
前端小伙伴们，有没有过这种体验？写了个Vue组件，模板里一堆“万年不变”的文字、图标，结果每次状态更新，页面卡得像被按了0.5倍速？今天咱们就聊聊Vue 3编译器的"性能布洛芬"——**静态提升（Hoist Static）**，它能精准"止痛"重复渲染的卡顿，看完这篇你会发现：原来模板里的静态内容，还能这么玩～
vue中assets和static的区别
dream_sail_的博客
09-28 134
**assets:**要经过webpack打包，重新编译 因为webpack使用的是commenJS规范，如动态加载assets中的图片，需要使用require才可以，例：require(’…/assets/header.png’) **static:**该文件夹中文件不会被webpack处理，在打包时会被复制该文件夹，需使用绝对路径来引用； assets放一些自定义文件 static放一些外部引用文件及json ...
VUE中assets与static的区别
Lily-HU
09-07 1052
1、相同点： 文件夹中的资源在html中使用都是可以的。 2、不同点： 使用assets下面的资源，在js中使用的话，路径要经过webpack中的file-loader编译，路径不能直接写 2.1 static : 该目录下的文件是不会被wabpack处理的，它们会被直接复制到最终的打包目录下面（默认是 dist/static ），且必须使用绝对路径来引用这些文件。 这是通过在 config....
static和assets的区别
l17862868372的博客
09-15 859
assets和static两个都是用于存放静态资源文件。 放在static中的文件不会进行构建编译处理，也就不会压缩体积，在打包时效率会更高，但体积更大在服务器中就会占据更大的空间 放在assets中的文件会进行压缩体积、代码格式化，压缩后会放置在static中一同上传服务器。 因此建议样式文件放在assets中进行打包，引入的第三方文件放到static中，因为引入的文件已经做过打包处理 ...
详解vue2.0 资源文件assets和static的区别
10-17
总结来说，Vue 2.0中assets和static的使用主要体现在静态资源的处理方式上。assets文件夹中的资源需要被Webpack处理并输出到最终构建目录，而static文件夹中的资源则直接复制到构建目录中。理解这两者的区别和使用...
浅谈vue中改elementUI默认样式引发的static与assets的区别
08-28
Element UI 默认样式修改和 Static 与 Assets 的区别 在 Vue 项目中，我们经常需要修改 Element UI 的默认样式来满足项目的需求。这篇文章将讨论如何修改 Element UI 的默认样式，特别是讨论 Static 和 Assets 两个...
详解Vue-cli中的静态资源管理（src/assets和static/的区别）
12-04
你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？ 资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS...
vue项目中assets与static的区别
solocao的专栏
12-04 901
在使用vue脚手架生成的目录中，会有一个src/assets还有一个static。 两者都可以用来放一些静态文件。那有什么区别呢？ static中的文件不会被webpack打包，文件被复制到dist/static assets中的文件会经过 webpack 打包，重新编译。 图片若放在assets中，引入需要用require。 data () { return { pic: require(...
assets static
zhumizhumi的博客
01-10 855
static：打包的时候不会比编译，只是被拷贝到了dist下面的static文件夹，直接引用。assets：打包的时候，会被编译，被webpack打包进你的代码里。assets：一般来说，放属于该项目的资源文件。static：里面放一些第三方库的文件。动态图片的使用：必须使用require。
你真的了解assets和static么
?sonder* 的博客
06-06 430
  用过的大部分人都知道，assets和static都用于在Vue中存储静态资源，那两者有何区别呢？ 相同点 assets 和 static 两个都是用来存放静态资源文件； 项目中所需要的资源文件图片、字体图标、样式文件等都可以放在这两个目录下 不同点 assets 中存放的静态资源文件在项目打包时，即：在运行 npm run build 时，会将 assets 中放置的静态资源文件进行打包上传（所谓打包，简单点可以理解为压缩体积、代码格式化），而压缩后的静态资源文件最终也都会放置在 static 目
前端Vue篇之assets和static的区别、delete和Vue.delete删除数组的区别、extend 有什么作用
星辰迷上大海的博客
03-01 1821
assets 和 static 的区别：assets 目录一般用于存放需要经过构建处理的静态资源，比如图片、样式表和 JavaScript 文件等。这些资源在构建时会被打包并加入到最终的发布文件中。static 目录则是用于存放不需要经过构建处理的静态资源，比如一些不会改变的第三方库或者全局样式表等。这些资源会原封不动地复制到发布目录中。
前端assets 和static的区别
weixin_65808257的博客
12-27 189
主要用于存储并加载项目运行时需要的各类资源文件，例如图片、样式表和字体。这些文件通常会在用户访问网页时被动态加载，以提高页面的渲染速度和用户体验。则更多地用于存储不会频繁变动的文件，比如网站的Logo、固定页面等。这些文件一般在项目部署时就已经准备好，而不是在用户访问时动态生成。这样把样式表和图片放到assets后 打包时会压缩 提高访问速度。
assets和static的区别
qq_57305148的博客
12-12 743
3、推荐assets中存放自己的资源（css、images、utils等），static中放第三方资源（pdf.js、iconfont等）4、动态绑定中，assets的图片会加载失败，因为webpack使用commonJS规范，需要使用。webpack处理，打包后直接复制到dist（默认是dist/static）下。webpack处理，打包后会在dist中合并成一个文件；3、资源通过import引入，都可以在html中使用。2、如果资源在html中使用，都是可以的。1、都是用来放静态资源的。
vue中文件在assets与static的区别
weixin_42398560的博客
02-28 2480
相同点：资源在html中使用，都是可以的。 不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第...
vue-cli静态目录 static和assets
w_t_y_y的博客
10-15 1864
用vue-cli生成一个项目后，src目录下的assets目录和根目录下的static目录都是存放静态文件的。 assets里的文件编译过程中会被webpack处理理解为模块依赖，只支持相对路径的形式。assets放可能会变动的文件； static里的文件不会被webpack解析，会直接被复制到最终的打包(默认是dist/static)下，必须使用绝对路径引用这些文件。static放不会变动的文件。如放置下载模板：<a href="static/download/user.xlsx" downloa
Assets 和 Static 的区别
My_wife_QBL的博客
07-08 1090
在现代前端项目中，静态资源文件（如图片、字体、样式文件等）是不可或缺的。为了更好地管理和优化这些资源，前端框架通常会提供专门的目录来存放它们。在 Vue.js 项目中，assets和static就是两个常用的目录。assets和static是现代前端项目中常用的静态资源目录，它们在处理机制和路径引用上存在一些差异。assets目录中的文件会经过构建工具处理，而static目录中的文件会直接复制到输出目录中。在实际开发中，我们应根据具体需求选择合适的目录，并遵循最佳实践来管理和优化静态资源文件。
Vue 中 assets 和 static 两个文件夹的区别
09-11
Vue 中的 assets 文件夹和 static 文件夹都是用于存放静态资源的文件夹，但它们之间还是有一些区别的。 assets 文件夹主要用于存放项目的静态资源，如样式文件（CSS）、图片文件等。在开发过程中，这些资源会经过 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值