账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue-loader里的style-complier什么时候把css 放在 <style> 里然后注入到 HTML 里？
    51
    0

    vue-loader在编译.vue文件时 ，解析style部分时要通过一系列loader来处理，selector, style-compiler, css-loader 以及 vue-style-loader 处理。
    过程是: selector (参数type=style) 的处理结果是将 basic.vue 中的 css 抽出来之后交给 style-compiler 处理成 css, 然后交给 css-loader 处理生成 module, 那么vue-style-loader 是什么时候将 css 放在 <style> 里面，然后注入到 HTML呢？ 是在最终编译好的js模块执行时才将 css 放在 <style> 里面，然后注入到 HTML吗？

    参考：https://juejin.im/post/5a1cb7...

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • シ獨守空城づ 普通会员 1楼

      Vue-loader 在构建 Vue 应用时，会自动将 CSS 文件和对应的 JavaScript 代码放入单独的模块中。在这个过程中，CSS 文件被放入到一个名为 style.css 的文件中，并通过 style-loader 的 cssOptions 参数设置为 cssInRoot。

      然后，当 Vue 应用运行时，Vue 自动会通过 <style> 标签来加载这个 style.css 文件。同时，style-loader 的 cssRules 数组中的每个元素（CSS规则）都会被解析为 CSS 代码，并在 HTML 中使用 <style> 标签来引入。

      因此，Vue-loader 在构建 Vue 应用时，CSS 文件会被放入到 style.css 文件中，并通过 <style> 标签来引入，然后在运行时会注入到 HTML 中。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部