Как настроить резолвинг путей в файлах scss в проекте Gatsby?

Question

[Максим Золотой]

Весь интернет пересмотрел и не смог найти как сделать так что бы работал такой вид путей с тильдой. У меня в рабочем проекте это настроено, но как непонятно. А я хочу настроить это в своем проекте. Как это можно сделать?

Answer 1

[Максим Золотой]

В общем у меня не получалось, потому что я задавал некорректный путь до scss файла и не заметил это.

А вообще если без плагинов то алиасы можно настроить вот так.

// gatsby-node.js
const path = require('path');

exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    resolve: {
      alias: {
        '@assets': path.resolve(__dirname, 'src/assets'),
        '@components': path.resolve(__dirname, 'src/components'),
      },
    },
  });
};