Заставьте WebStorm использовать псевдоним для тегов HTML в JSX - PullRequest
0 голосов

Мне нужно решение для WebStorm (WS); настройка псевдонимов webpack работает для атрибутов html, таких как src; это мой webpack.config.js например:

const path = require('path');

module.exports = {
    resolve: {
        extensions: ['scss', 'html', 'jsx'],
        root: path.resolve(__dirname),
        alias: {
            components: path.resolve(__dirname, 'components'),
            layout: path.resolve(__dirname, 'layout'),
            static: path.resolve(__dirname, 'static'),
            js: path.resolve(__dirname, 'static/js'),
            media: path.resolve(__dirname, 'static/media'),
            sass: path.resolve(__dirname, 'static/sass'),
            vendors: path.resolve(__dirname, 'static/vendors'),
        },
    },
};

например посмотрите настройки псевдонима, и я хочу использовать его как

<img src="media/logo/medium.png">

не как

<img src="static/media/logo/medium.png">

Автозаполнение для этого не работает, он не использует конфигурацию webpack для атрибута html, например src, только для import.

P.S. Я уже знаю о make folder как о «корне ресурса», но он дает автозаполнение только из каталога ресурсов.

1 Ответ

1 голос
/ 29 мая 2019

Правила разрешения веб-пакетов в настоящее время работают только при импорте, псевдонимы путей в HTML / CSS не поддерживаются. Пожалуйста, следуйте WEB-38331 для обновления

...