159Vue工程化2-vue项目导入less-loader【在开发依赖中安装】+scoped原理

安装less,less-loader处理less文件
其他的loader需要安装的东西可以参照154传送门
// 支持less语法格式
// scoped用于控制组件生效的区间 只在当前组件生效
// 去掉scoped全局生效

scoped原理

在组件最外层的div加一个data-xxx的属性通过获取属性，圈定范围赋予样式

<style scoped>
/* 样式的 scoped 是通过 CSS 的属性选择器实现的 */
div {
  color: red;
}
</style>