Storybook 不会从节点模块加载 CSS答案

【问题标题】：Storybook won't load CSS from node-modulesStorybook 不会从节点模块加载 CSS
【发布时间】：2019-12-06 20:32:47
【问题描述】：

我正在尝试将我的故事书设置为显示轮播组件。

我正在使用this carousel，以及样式组件。

我正在导入我的外部 CSS 文件，如下所示：

import 'slick-carousel/slick/slick.css'
import 'slick-carousel/slick/slick-theme.css'

这是我非常基本的 webpack 配置

// storybook/webpack.config.js

const path = require("path");
module.exports = {
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: ["css-loader", "sass-loader"],
        include: [
          path.resolve(__dirname, "../src"),
          path.resolve(__dirname, "../node_modules")
        ]
      }
    ]
  },
  resolve: {
    modules: [path.resolve(__dirname, "../src"), "node_modules"],
    extensions: [".js"]
  }
};

这不起作用，我无法在 Carousel 上设置任何样式。

我是不是做错了什么？

【问题讨论】：

标签： webpack storybook

【解决方案1】：

您需要添加style-loader:

use: ["style-loader", "css-loader", "sass-loader"]

希望这能解决您的问题。

【讨论】：