在Webpack中如何通过别名导入.scss与.css格式的样式文件？

可以通过配置webpack别名实现该需求，具体操作步骤如下：

• 第一步：在webpack.config.js中添加别名配置

// webpack.config.js

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

• 第二步：配置完成后，在main.js等文件中直接使用别名导入样式文件即可

// main.js

import "styles/main.scss";

内容的提问来源于stack exchange，提问作者Sam