Я пытаюсь подготовить сборник рассказов для простых компонентов реакции. Я пытаюсь импортировать файл css и получаю следующую ошибку из-за сообщения css.
ERROR in ./src/stories/Button/Button.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/stories/Button/Button.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
SyntaxError
(2:1) Unknown word
1 |
> 2 | var content = require("!!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-3-1!../../../node_modules/postcss-loader/src/index.js??postcss!./Button.css");
| ^
3 |
4 | if(typeof content === 'string') content = [[module.id, content, '']];
CSS Я пытаюсь загрузить это
.MuiButton-root {
background-color: #6772e5;
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
padding: 7px 14px;
}
.MuiButton-root:hover {
background-color: #5469d4;
}
.MuiButton-label {
color: #fff;
}
Я пробовал кучу способов избавиться от почты css, но это не сработает. Например, я попытался отфильтровать загрузчик поста css, используя this .
Я пробовал несколько различных конфигураций, используя post css .config. js
Это последний файл, который все еще находится в моем git неотслеживаемом файле
module.exports = (ctx) => ({
parser: require('postcss-safe-parser'),
plugins: {
autoprefixer: {
browsers: ['last 2 versions'],
},
}
});
Обратите внимание, что я пытаюсь загрузить css непосредственно внутри файла машинописного текста, который находится в папке моих рассказов. Я использую смешанный CSF способ указания историй в файле машинописного текста и импортирую их в файл MDX, куда я помещаю документацию, как указано здесь .
ИМХО сборник рассказов выдвигает слишком много настроек по умолчанию. Нет смысла заставлять пост css писать эти истории, это должен быть выбор. Я новичок ie с постом css, и я потратил впустую часы, пытаясь выбраться из леса за Po C. Это большое отключение.
Любая помощь будет оценена.
РЕДАКТИРОВАТЬ: я должен был указать, как я импортирую файл css. Вот оно:
import "./Button.css";