账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli assets 和static 分别到底应该放什么文件.
    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 构建的项目中,assetsstatic 文件夹都有各自的作用:

      1. assets
      2. 这个目录用于存放那些在构建时需要经过 webpack 处理的静态资源文件。
      3. 例如:你可能会把图片、字体文件、LESS/SASS/SCSS 样式文件等放入此目录。
      4. assets 中的文件可以通过 import 或者 require 的方式引入到 JavaScript 或 CSS 中,webpack 会对其进行相应的处理(压缩、转换等)并生成新的哈希值以避免缓存问题。

      5. public

      6. 此目录下的文件不会被 webpack 处理,它们将直接复制到最终打包后的 dist 目录下。
      7. 默认情况下,Vue CLI 创建的项目中有 /public/static 目录,但也可以直接在 /public 下放置静态文件。
      8. 例如:你可能在这里放 favicon.ico 图标,或者不需要编译的第三方库的 JS/CSS 文件等。
      9. 在 HTML 文件中引用 public 目录下的文件可以直接使用绝对路径,如 /static/favicon.ico

      总结来说,如果一个静态资源需要在开发过程中被 webpack 加工处理(如图片的 URL-loader 处理,样式文件的预处理器处理),那么应该放在 assets 目录;而如果是一些无需 webpack 处理、在运行时直接按原样提供的静态资源,应放在 public(或其下的 static)目录。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部