Как заставить phpstorm видеть alias vite js scss?

Question

[pavelpolitaev]

Добрый вечер.
Есть сборка vue3 + vite, собирается, всё хорошо. В файлах scss, vue в тегах style lang=scss phpstorm не видит алиас.

vite.config.js

resolve: {
        alias: {
            '~admin': path.resolve(__dirname, 'resources/area/admin/vue3'),
            '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
        }
    },

phpstorm.config.js

System.config({
    "paths": {
        "~admin/*": "./resources/area/admin/vue3/*",
    }
});

Хотя bootstrap alias phpstorm видит

Comments

[Антон Антон]

в vscode за это отвечает файл jsconfig.json, наверное в phpstorm похожая система

[pavelpolitaev]

Антон Антон, в phpstorm тоже, всё заполнено...

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "~admin/*": ["resources/area/admin/vue3/*"]
        }
    }
}

Answer 1

[Сергей delphinpro]

Я не заморачиваюсь, просто создаю отдельный файл, типа webpack.config.IDE.js (название любое, пофиг), в нем прописываю алиасы в формате конфига webpack и скармливаю этот файл IDE. Файл этот в коде не используется, исключительно для шторма. Нормально работает.

содержимое webpack.config.IDE.js

/*
 * Этот файл НЕ используется в сборке.
 * Он нужен только для корректного автокомплита в IDE phpStorm.
 * Эта IDE почему-то не работает как следует, при указании реально использующегося
 * файла концигурации, расположенного не в корне проекта (node_modules/laravel-mix/setup/webpack.config.js)
 */

const path = require('path');

module.exports = {
  resolve: {
    extensions: ['*', '.wasm', '.mjs', '.js', '.jsx', '.json', '.vue'],
    alias: {
      'vue$': 'vue/dist/vue.runtime.esm.js',
      '@': path.join(__dirname, 'src'),
    },
  },
};

Файл был создан давно для вебпака, но и с Vite прекрасно работает. Собственно его функция всего лишь разрешить алиасы в пути в IDE

Comments

[pavelpolitaev]

Да, придется оставить решение с webpack, остальное так и не завелось, хотя если верить таскам phpstorm jsconfig.json должно было помочь, но что-то не хочет)

Answer 2

[sharpsss]

Попробуй jsconfig.json подредачить

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "~admin/*": [
        "resources/area/admin/vue3/*"
      ]
    }
  }
}

Comments

[pavelpolitaev]

пробовал, но не помогло)