Question

我对是否有办法从.env文件发送var（我正在使用自定义webpack，reactJS，dotenv和sass-loader）发送到.scss文件感兴趣。我想做的是将路径（字符串）发送到我的scss以更改字体URL。

在我的本地主机上，URL是/fonts/font.ttf，但是我的应用程序已部署到服务器上的子文件夹，因此应该类似于/shop/fonts/font.ttf。

Tnx提前。干杯！

Answer 1

您需要使用sass-loader选项中的additionalData属性

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

如何将.env变量传递到.scss文件

1 个答案: