react 图片绝对路径,使用React + Webpack时如何使用绝对路径导入自定义scss？

在使用React + Webpack时，可以使用Webpack的alias配置来使用绝对路径导入自定义scss文件。

首先，在webpack.config.js中添加以下代码：

const path = require('path');

module.exports = {
  //...
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/')
    }
  }
  //...
};

这样，我们就可以使用`@`符号来代替`src`目录的绝对路径。

然后，在scss文件中，我们可以使用以下代码来导入：

@import "~@/styles/variables.scss";

这里的`~`表示从node_modules中查找文件，所以我们需要在scss文件前面加上`~`符号。

这样就可以使用绝对路径导入自定义scss文件了。