介绍

<div class="title" data-v-12345678>title</div>
<p data-v-12345678>paragraph</p>

.title[data-v-12345678] {
	color: #00ffff;
}
p[data-v-12345678] {
	color: #dddddd;
}

.parent /deep/ .child {
	...;
}

.parent[data-v-12345678] .child {
	...;
}

npm i esbuild-scoped-css

// esbuild.js
import esbuild from 'esbuild';
import { cssLoader, scopedIdPlugin } from 'esbuild-scoped-css';

require('esbuild').buildSync({
  entryPoints: ['app.js'],
  bundle: true,
  outdir: 'out',
  plugins: [
	cssLoader,
 	scopedIdPlugin
  ]
})

import './index.scoped.less';

export default function Main() {
	return <div className="title">Hello world</div>;
}

.title {
	color: #00ffff;
}