错误：找不到导入文件或不可读-使用Webpack导入scss

Question

这是我的配置。这是一个全新的设置，因此非常干净。

resolve: {
    alias: {
      '@': path.resolve(__dirname, '../src'),
    },
    extensions: [
      '.scss',
      '.js',
    ],
  },

  entry: path.resolve(__dirname, '../src/index.js'),

在@/ui/style/base.scss中，我有：

@import '@/ui/style/variables.scss';

错误消息：

Error: File to import not found or unreadable: @/ui/style/variables.scss. at options.error (/Users/andy/dev/chess.com/client/relay/node_modules/node-sass/lib/index.js:291:26) @ ./src/index.js 2:0-54 4:32-35

我也尝试过： ~@/ui/style/variables.scss ~@/ui/style/variables @/ui/style/variables

唯一有效的方法是使用相对路径。使用.js别名正确加载了所有其他资产（@）。