Я пытаюсь использовать scss в приложении kotlin-реагировать с использованием create-реагировать-kotlin-app в узле для легкой загрузки, но я застрял с настройкой конфигурации, чтобы она работала
Я ужеЯ могу вручную отредактировать конфиг веб-пакета.Я уже добавил следующее в dev config и соответствующий эквивалент prod.
{
test: /\.scss$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('sass-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
],
},
, изменил package.json с помощью и запустил npm install
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"babel-plugin-react-css-modules",
{
"filetypes": {
".scss": {
"syntax": "postcss-scss"
}
}
}
]
]
}
, а также добавил в index.kt
requireAll(require.context("src", true, js("/\\.scss$/")))
последняя конфигурация приложения create-реакции-приложения на узле уже поддерживает scss, поэтому я следую этому руководству https://medium.com/front-end-weekly/how-to-add-sass-or-scss-to-create-react-app-c303dae4b5bc, так как результат извлечения конфигурации веб-пакета в приложении create-реагировать-kotlinпочти то же самое, но все равно не повезло.