- 77
- 0
vue-cli assets 和static 分别到底应该放什么文件...网上关于assets和static的解释很多,但是感觉没有言简意赅的解释
像这类文章有很多,其实我需要的只是,我自己写的一些初始化css 和封装的js方法放在哪里比较好,因为我发现我放在assets和static 中都是可以正常使用的,只不过正如文章中说的一样,我放在assets里面会被webpack打包掉,而在static中不会被打包
我想知道从性能上来讲,我自己写的css 和js 放在哪个里面比较好
Vue-cli中的静态资源管理(src/assets和static/的区别)
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
唐朝小道 普通会员 1楼
在 Vue CLI 构建的项目中,
assets和static文件夹都有各自的作用:- assets:
- 这个目录用于存放那些在构建时需要经过 webpack 处理的静态资源文件。
- 例如:你可能会把图片、字体文件、LESS/SASS/SCSS 样式文件等放入此目录。
-
在
assets中的文件可以通过import或者require的方式引入到 JavaScript 或 CSS 中,webpack 会对其进行相应的处理(压缩、转换等)并生成新的哈希值以避免缓存问题。 -
public:
- 此目录下的文件不会被 webpack 处理,它们将直接复制到最终打包后的 dist 目录下。
- 默认情况下,Vue CLI 创建的项目中有
/public/static目录,但也可以直接在/public下放置静态文件。 - 例如:你可能在这里放 favicon.ico 图标,或者不需要编译的第三方库的 JS/CSS 文件等。
- 在 HTML 文件中引用 public 目录下的文件可以直接使用绝对路径,如
/static/favicon.ico。
总结来说,如果一个静态资源需要在开发过程中被 webpack 加工处理(如图片的 URL-loader 处理,样式文件的预处理器处理),那么应该放在
assets目录;而如果是一些无需 webpack 处理、在运行时直接按原样提供的静态资源,应放在public(或其下的static)目录。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

