Разрешение. Алиас в Webpack

Question

Я новичок в реагировании и уже прочитал статью, но не могу понять, как это сделать. Я пытаюсь создать псевдоним при импорте. Это работает

import BootstrapCss from '../../../dist/static/bootstrap/css/bootstrap.css';

но делать это не повезло

import BootstrapCss from 'bootstrap';

В моем webpack.config.js у меня есть это

... resolve: { extensions: ['', '.js', '.jsx', 'css', '.scss', '.eot', '.ttf', '.svg', '.woff'], modulesDirectories: ['node_modules', 'scripts', 'images', 'fonts', 'dist'], alias: { bootstrap : path.resolve(__dirname, '/dist/static/bootstrap/css/bootstrap.css') } } ... и я не знаю, как изменить путь пути node_modules, я получаю ошибку в

Module not found: Error: Cannot resolve module 'bootstrap' in E:\path-to-folder\src\components\home resolve module bootstrap in E:\path-to-folder\src\components\home looking for modules in E:\path-to-folder\node_modules E:\path-to-folder\node_modules\bootstrap doesn't exist (module as directory) resolve 'file' bootstrap in E:\path-to-folder\node_modules

Answer 1

Возможно, вы захотите взглянуть на этот плагин Babel: https://www.npmjs.com/package/babel-plugin-webpack-alias который должен позволить вам использовать эти псевдонимы в вашем коде переднего плана. (При условии, что у вас есть рабочая конфигурация Babel)

Кроме этого, казалось бы, что добавление ~ прежде чем ваш псевдоним должен сделать свое дело. (ссылка: https://github.com/kriasoft/react-starter-kit/issues/945)