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

在React + Webpack中，可以使用Webpack的resolve.alias配置来指定绝对路径，以便在导入自定义SCSS时使用。例如，假设您的SCSS文件位于src/styles/scss目录下，您可以在Webpack配置中添加以下内容：

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

这样，在您的组件中，您可以使用类似于以下方式来导入您的SCSS文件：

import 'styles/scss/your-style.scss';

在导入时，Webpack将使用您指定的绝对路径解析路径。