vue中css作用域问题

Question

vue中引入css文件方式import './index.less'
此种方式打包后所有的css都是全局样式,有什么方法解决这个问题?
官方推荐style标签添加scope,这样的话css遇到了css无法单独提取的问题

Answer 1

“官方推荐style标签添加scope,这样的话css遇到了css无法单独提取的问题”？？？你在讲啥？

Answer 2

可以正常提取出来，没有问题

项目通过最新的vue-cli创建

Answer 3

<style lang="less" src="./index.less" scoped></style>

或

<style lang="less" scoped>
@import './index.less';
</style>