vue-loader与vue-cli3

vue-loader

查看文档
Vue Loader 是一个 webpack 的 loader(在vue-cli中已自动集成)，以下功能都依赖于Vue Loader:

• 单文件组件(.vue)
• Sass语法
• scoped功能
• 将
  • 父子组件关系
    使用 scoped 后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。
    如果需要渗透到子组件，可以使用 >>> 操作符：

  
  
  .a[data-v-f3f3eg9] .b { /* ... */ }
  

  有些预处理器对>>>不支持，此时可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名。

  • 通过 v-html 创建的 DOM 内容不受 scoped 样式影响，需通过深度作用选择器设置样式。

  热重载

  • 当编辑一个组件的