如何工程化的角度如何实现 vue/react组件之间的css隔离?

Question

A组件

<template>
    <div class='a'></div></template>    <style>
    .a{        color:red;
    }</style>

B组件

<template>
    <div class='a'></div></template>    <style>
    .a{        color:red;
    }</style>

比如不使用命名空间，不使用vue提供的scope，怎么使用工程化的角度去实现css隔离？

Answer 1

CSS Modules，用了以后忘不了啊忘不了，从此再也不用担心命名冲突的问题了