如何在PHP中使用CSSModules（非SPA）

Question

所以我想在常规PHP项目中使用CSSModules的好处（wordpress主题更具体）。我正在使用webpack与autoprefixer，browsersync，postcss等进行编译，并在开发时热重新加载项目的一部分。据我所知，还有一个名为postcss-modules的postcss插件，我想用它。

该插件正在为我的所有css类添加哈希值，并按预期输出带有映射的json。现在我想将一个css模块（这是一个未编译的scss文件）绑定到每个php文件（就像在React中使用css模块时那样）。我该怎么做？我仍然希望css在编译后在一个大文件中抵制。

这是我的webpack配置的一部分：

access_token

我正在使用main.js和style.scss作为webpack的入口点。然后style.scss导入所有部分scss文件（每个文件应该是一个css模块）。

Answer 1

我做了really good writeup关于如何做到这一切。唯一的区别是我使用grunt-postcss而不是Webpack来处理postcss插件和功能。将概念移植到Webpack应该很简单。

关键是配置postcss-modules以将单独的pcss文件作为模块处理。这样，您可以为每个模块单独解析JSON。使用globalModulePaths，您可以保持主要的pcss完好无损，并将模块附加到它。