css-loader,导出CSS模块映射

问题描述 投票:3回答:1

[在webpack中使用postcss-loader(与postcss-modules一起使用时,对于具有css-module哈希映射的每个.scss文件,我都会得到一个.json文件。如果将css-loader与modules: true一起使用,则不会获得此类映射文件。是否可以使用该装载机获得一个?

问题实际上是,当使用postcss-loader时,由于某种原因,我可以不在我的.js文件中导入scss文件。如果我改用css-loader,则可以。

我需要同时将.js文件中的scss文件与正确导入的css-modules一起导入,并生成生成的映射文件(.json),我正在php文件中使用它。

webpack webpack-4 css-modules postcss-loader
1个回答
0
投票

我在使用css-loader时遇到了同样的问题。

最后,我可以使用postcss-modulesposthtml-css-modules做它>

首先,postcss-modules将.css / .scss文件转换为base64中的哈希。另外,它为每个.css / .scss文件创建.json文件,其中包含每个类名称到其对应的哈希名称的映射。

然后,posthtml-css-modules将使用.css / .scss文件的html文件转换为使用css-modules命名的类的html元素为其在.json中定义的对应哈希名称。

© www.soinside.com 2019 - 2024. All rights reserved.