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

Question

有什么方法可以使用别名导入.scss / .css文件

// webpack.config.js

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

在 main.js 中

// main.js

import "styles/main.scss";

Answer 1

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

import "~styles/main.scss";