Я добавил linaria в свою конфигурацию веб-пакета в проекте create-react-app, поэтому конечное правило вот так:
{
"test": /\.(js|mjs|jsx|ts|tsx)$/,
"include": "C:\\Project\\src",
"use": [
{
"loader": "C:\\Project\\node_modules\\babel-loader\\lib\\index.js",
"options": {
"customize": "C:\\Project\\node_modules\\babel-preset-react-app\\webpack-overrides.js",
"presets": [
[
"C:\\Project\\node_modules\\babel-preset-react-app\\index.js",
{ "runtime": "automatic" }
],
"C:\\Project\\node_modules\\@linaria\\babel-preset\\lib\\index.js"
],
"babelrc": false,
"configFile": false,
"cacheIdentifier": "production:[email protected]:[email protected]:[email protected]:[email protected]",
"plugins": [
[
"C:\\Project\\node_modules\\babel-plugin-named-asset-import\\index.js",
{
"loaderMap": {
"svg": {
"ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]"
}
}
}
]
],
"cacheDirectory": true,
"cacheCompression": false,
"compact": true
}
},
{
"loader": "C:\\Project\\node_modules\\@linaria\\webpack-loader\\lib\\index.js",
"options": { "sourceMap": false, "cacheDirectory": "src/.linaria_cache" }
}
]
}
Но в результате получаю вот что:
Поддержка экспериментального синтаксиса jsx в настоящее время не включена
Что-то не так с этой конфигурацией?