小编sla*_*ris的帖子

背景：

我正在尝试扩展esbuildCSS 支持以包括CSS Modules和Sass/Scss。因此，我一直在使用定制插件——利用 esbuild 插件 API。首先，我尝试过：

• esbuild-sass-plugin：顾名思义，这个插件负责.scss解释/转译。然而，它未能适应CSS Modules（尽管宣传其可扩展性）。

为了适应缺少的支持CSS Modules，我添加了另一个esbuild plugin：

• esbuild-css-modules-plugin：该插件也未能提供对CSS Modules.

相关技术

• Node：14。
• esbuild：^0.11.11。
• esbuild-css-modules-plugin：^2.3.2。
• esbuild-sass-plugin：^2.2.6。
• sass：^1.53.0。
• typescript：^4.2.3。

我认为很棒的建议/帮助：

• 我如何最好地调试为什么这些插件无法正确提供CSS Module支持？
• 我在这里忽略的罪魁祸首以及对缺乏理解导致这个盲点的见解。

相关代码片段：

package.json - 相关构建脚本

"build:dev": "node build.js esbuild-browser:dev"

build.js（esbuild 的入口点）

const sassPlugin = require("esbuild-sass-plugin").default;
const cssModulesPlugin = require("esbuild-css-modules-plugin");

let options = {
  bundle: true,
  minify: true,
  minifyWhitespace: true,
  sourcemap: …