React 24: babel-plugin-module-resolver

React 24: babel-plugin-module-resolver

2,619 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@МаксимЛибер-ф2н
@МаксимЛибер-ф2н - 26.06.2021 21:08

Добрый день. А чем этот плагин отличается от встроенной опции в вебпаке resolve.alias?

Ответить
@strel9
@strel9 - 16.04.2022 23:29

Usage with create-react-app
create-react-app by default don't use .babelrc, so in webpack.config.dev.js, add plugins property within js loader like below. Note that plugins recieve an array.

// Process JS with Babel.
{
test: /\.(js|jsx|mjs)$/,
include: paths.appSrc,
loader: require.resolve('babel-loader'),
options: {
plugins: [
["module-resolver", {
"root": ["./src/App"],
"alias": {
"test": "./test",
}
}]
],
cacheDirectory: true
}
}

Ответить
@layerok315
@layerok315 - 24.12.2022 23:33

you can also use regex as an alias, this way you don't need to list all your folders. Like so
package.json
...
"alias": {
"^@(.+)": "./src/\\1"
}
...

Ответить