static和assets的区别

最新推荐文章于 2023-03-18 19:27:49 发布
最新推荐文章于 2023-03-18 19:27:49 发布
阅读量781 收藏 6
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l17862868372/article/details/108603015
版权

assets和static两个都是用于存放静态资源文件。

放在static中的文件不会进行构建编译处理，也就不会压缩体积，在打包时效率会更高，但体积更大在服务器中就会占据更大的空间

放在assets中的文件会进行压缩体积、代码格式化，压缩后会放置在static中一同上传服务器。

因此建议样式文件放在assets中进行打包，引入的第三方文件放到static中，因为引入的文件已经做过打包处理

『LXL』
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2.0 资源文件assets和static的区别详解
08-27
主要介绍了vue2.0 资源文件assets和static的区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解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的区别
10-17
主要介绍了详解vue2.0 资源文件assets和static的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
static-assets
03-14
static-assets
浅谈vue中改elementUI默认样式引发的static与assets的区别
08-28
下面小编就为大家分享一篇浅谈vue中改elementUI默认样式引发的static 与assets的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中文件在assets与static的区别
weixin_42398560的博客
02-28 2414
相同点：资源在html中使用，都是可以的。 不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第...
你知道assets和static的区别吗？
waouya的博客
03-18 743
assets和static的区别
面试题：Vue项目中的assets与static目录的差异与区别是什么
weixin_50365835的博客
03-02 1026
Vue项目中的assets与static目录的差异与区别是什么？（static中会复制，assets中会编译） 在vue的目录结构中，static是静态资源目录，可以用于放置图片、字体等。 而在src目录（开发目录）下，同样提供了一个assets目录，可以用于存放图片，比如logo等。 虽然这两个目录都可以用于放置图片，但是在使用上却是有一些差别的。 1、相同点： 在HTML中使用，两者都可以直接使用路径来访问。 注意：访问assets目录下的资源文件使用的是相对路径，而访问static目录下的资源文件
assets和static的区别
Lcyj9994399的博客
01-28 184
相同点： assets 和 static 两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点
assets与static的区别
杨阳洋的博客
07-17 421
assets与static的区别 相同点：资源在html中使用，都是可以的。 不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来...
vue中assets和static的区别
qq_41662119的博客
10-28 503

 
 Vue中assets和static的区别
 再一次框架定型中，与同事在静态资源的存放上有了一些分歧，后来经过查阅总结如下：
 
 
  
 相同点：
  
 assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点 &#...
assets static
zhumizhumi的博客
01-10 526
static：打包的时候不会比编译，只是被拷贝到了dist下面的static文件夹，直接引用。assets：打包的时候，会被编译，被webpack打包进你的代码里。assets：一般来说，放属于该项目的资源文件。static：里面放一些第三方库的文件。动态图片的使用：必须使用require。
vue2.0目录中的static和assets有什么区别[译]
charming的博客
07-05 1324
Handling Static Assets（处理静态资源） 或许你早就发现，在我们的项目结构中有两个目录来存放静态资源文件，src/assets和src/static。那么这两个文件到底有啥区别呢？ Webpacked 资源 要回答上面这个问题，我们首先要知道webpack是怎样打包静态资源：在*.vue组件中，所有的模板文件和css文件都会被vue-html-loader和css-loa...
vue资源文件夹 assets和static的区别
荆轲刺秦王
12-02 485
Webpacked Assets 为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue 组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 <img src="./logo.png"> 和 background: url(./logo.png) 中，"./logo.png" 是相对的资...
vue中assets与static的区别
Lemontree_fu的博客
09-07 353
assets与static的区别 相同点: 资源在html中使用，都是可以的 不同点： 使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来...
vue2.0/vue3.0 添加静态文件
lp-Strive的博客
08-26 6640
vue，静态文件static，静态文件public
C++中静态断言static_asset和动态断言assert
小孔明的专栏
07-04 605
https://blog.csdn.net/zgaoq/article/details/116306033c++11中的静态断言(static_assert) 在c++11中引入了，目的是在编译时就能检查处一些问题。写法如下： 如果第一个参数常量表达式的值为真(true或者非零值)，那么static_assert不做任何事情，就像它不存在一样，否则会产生一条编译错误，错误位置就是该static_assert语句所在行，错误提示就是第二个参数提示字符串。 1.使用static_assert，我们可以在编译期
Vue 中 assets 和 static 两个文件夹的区别
最新发布
09-11
Vue 中的 assets 文件夹和 static 文件夹都是用于存放静态资源的文件夹，但它们之间还是有一些区别的。 assets 文件夹主要用于存放项目的静态资源，如样式文件（CSS）、图片文件等。在开发过程中，这些资源会经过 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值