Не удается найти global.css при импорте стилей CSS в сборник рассказов - PullRequest
Новая
       3

Не удается найти global.css при импорте стилей CSS в сборник рассказов

0 голосов
/ 18 октября 2019

Я пытаюсь создать страницу сборника рассказов, в которой будут отображаться мои модули стилей CSS. Я рассмотрел несколько различных методов, и они либо устарели, либо приводят к сообщению об ошибке.

В настоящее время у меня есть storybook / 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);

иstorybook / 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? Или, если этот метод больше не является рабочим решением.

Вся помощь приветствуется.

...