Storybook - 从 package.json 中定义的导出导入 css

Question

我正在尝试从 Splidejs 导入 css。在他们的文档中，他们编写了这样的导入 css：

import @splidejs/react-splide/css

这样它在项目构建中工作，但在故事书中不起作用。 Splidejs 的 Package.json 文件将导出定义为：

"exports": {
    ".": {
      "require": "./dist/js/react-splide.cjs.js",
      "import": "./dist/js/react-splide.esm.js",
      "default": "./dist/js/react-splide.esm.js"
    },
    "./css": "./dist/css/splide.min.css",
    "./css/core": "./dist/css/splide-core.min.css",
    "./css/*": "./dist/css/themes/splide-*.min.css"
  }

所以我尝试像这样导入上面的css文件：

import @splidejs/react-splide/dist/css/splide.min.css

现在它在故事书中工作，但在项目构建中不起作用。 我的猜测是，在项目构建中，关键字“/css/”再次被替换为 splidejs/package.json 的最后一行导出中定义的内容。 "./css/*": "./dist/css/themes/splide-*.min.css" 这会破坏 css 路径。

那么如何从 package.json 导出中定义的内容从包中导入 css

附言我正在制作一个 npm 包，这就是为什么我希望项目构建和故事书都以相同的方式工作。

Answer 1

我也有同样的问题，你解决了吗？