使用别名在 webpack 中导入 css/sass 文件

【问题标题】：importing css/sass files in webpack using aliases使用别名在 webpack 中导入 css/sass 文件
【发布时间】：2022-02-17 22:15:03
【问题描述】：

有没有办法使用别名导入.scss / .css 文件

// webpack.config.js

resolve: {
  alias: {
    styles: path.resolve(__dirname, "src/styles/"),
  }   
}

在 main.js 中

// main.js

import "styles/main.scss";

【问题讨论】：

【解决方案1】：

在 sass 导入中，Webpack 别名的前缀应该是波浪号。所以你的语法应该是：

import "~styles/main.scss";

【讨论】：