Esbuild：节点模块 CSS 未包含在捆绑包中

【问题标题】：Esbuild: Node module CSS are not including in the bundleEsbuild：节点模块 CSS 未包含在捆绑包中
【发布时间】：2022-12-23 11:08:27
【问题描述】：

我正在尝试使用 EsBuild 创建一个库。我在我的库中使用 keen 滑块，并且在主 ts 文件中导入 keen-slider/keen-slider.min.css。

import "keen-slider/keen-slider.min.css"

但是在输出的 css 文件中，不存在 keen slider css。而不是“导入”keen-slider/keen-slider.min.css“”行本身出现在输出 js 文件中。

谁能告诉我如何在包中导入节点模块 css？

【问题讨论】：

标签： javascript css reactjs bundle esbuild

【解决方案1】：

与我尝试加载的 CSS 不完全相同，但使用 esbuild-sass-plugin 对我有用。别被这个名字骗了，它可以与普通的 CSS 文件完美配合。我尝试了其他各种看起来可以工作的插件，但都失败了。

const esbuild = require("esbuild");
sass = require("esbuild-sass-plugin");

esbuild.build({
    entryPoints: ["app.jsx"],
    bundle: true,
    watch: true,
    outfile: "app.js",
    plugins: [
        sass.sassPlugin({type: "style"}),
    ],
});

【讨论】：