开启css-loader的module后，css书写上的困扰

Question

*课程：8-6，列表样式优化
*问题描述：
当前我只想给模块容器自动嵌套一个hash，里面不想逐级都手动指定，我该怎么做呢？
举个例子：
书写如下样式（less，最基本的嵌套关系）：

.header{
	.item{
		.txt{}
	}
	.item-spec{
		.txt{}
	}
}

css-loader开启modules后，打印styles出来后是一层的：

{
	header:'header_hash',
	item:'item_hash',
	txt:'txt_hash'
}

我的问题是，如何才能让style标签中出现如下这样的样式呢：

<style>
.header_hash .item{}
.header_hash .item .txt{}
.header_hash .item-spec{}
.header_hash .item-spec .txt{}
</style>

我知道css-module在一层写完了，团队规范还是希望能嵌套着写需要保留原来css书写习惯。
能不能利用css-module自动打hash的特性，然后不改变嵌套写法的前提下，达到样式的scoped目的呢。

请DellLee老师看看，谢谢

Answer 1

Dell 2018-12-16 23:15:31

这个不能了，你可以加一个配置，如果要用css-module的文件，起名叫做mcss，普通css使用css，区分进行打包