Question

我试图创建一个故事书页面，该页面将显示我的CSS样式模块。我研究了几种不同的方法，这些方法已过时或导致我收到错误消息。

我目前有一个故事书/config.js，其中包含：

import requireContext from 'require-context.macro';
// automatically import all files ending in *.stories.js
//configure(require.context('../src/stories', true, /\.stories\.js$/), module);
import '../src/index.css';
import '../src/global/_global.css';

const req = requireContext('../src', true, /\.stories.js$/);

function loadStories() {
  req.keys().forEach(filename => req(filename));
}

configure(loadStories, module);

和一本故事书/webpack.config.js，其中包含：

config.module.rules.push({
    test: /\.scss$/,
    loaders: [
      require.resolve('style-loader'),
      {
        loader: require.resolve('css-loader'),
        options: {
          importLoaders: 1,
          modules: true,
          localIdentName: '[name]__[local]___[hash:base64:5]'
        }
      },
      require.resolve('sass-loader')
    ]
  });

这是我在Storybook文档和以前的SO帖子中都能找到的代码。

我收到以下错误：

Module not found: Error: Can't resolve '../src/global/_global.css'

我想知道应该在哪里找到我的global.css文件？或者，如果这种方法不再可行。

感谢所有帮助。

将CSS样式导入故事书时找不到global.css

0 个答案: