Как передать переменные .env в файл .s css

Question

Меня интересует, есть ли способ отправить var из файла .env (я использую собственный webpack, reactJS, dotenv и sass-loader) в файл .s css. Я пытаюсь отправить путь (строку) к моему s css, чтобы изменить URL-адрес шрифта.

URL-адрес моего локального хоста /fonts/font.ttf, но мое приложение развернуто в вложенная папка на сервере, поэтому заранее должно быть что-то вроде /shop/fonts/font.ttf.

Tnx. Ура!

Answer 1

Вам необходимо использовать свойство additionalData из параметров sass-loader

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          'style-loader',
          'css-loader',
          {
            loader: 'sass-loader',
            options: {
              additionalData: '$env: ' + process.env.NODE_ENV + ';',
            },
          },
        ],
      },
    ],
  },
};

Дополнительная информация и другой подход здесь: https://webpack.js.org/loaders/sass-loader/#additionaldata