Javascript 使用Web包加载的sass文件的顺序

目录结构

->src
  ->sass
    ->home.scss 
    ->about.scss 
    ->main.scss
  ->js
    ->home.js
    ->about.js
    ->index.js
->index.php
->package.json
->webpack.config.js

index.js

import'../sass/main.scss'

home.js

import './index';
import '../sass/home.scss';

console.log('this is home');

/* content of home.scss */
/* content of main.scss */

当我运行webpack时，入口点是home.js，因此它创建home.styles.css。在该文件中，home.scss中的代码连接在main.scss之前，而实际上应该是相反的

像这样：
home.styles.css

import './index';
import '../sass/home.scss';

console.log('this is home');

/* content of home.scss */
/* content of main.scss */

我想先连接main.scs。我能做什么？
使用
@import
控制sass文件顺序的功能似乎已被弃用。您可以尝试使用早期版本的sass，或者看看是否有更多的替代方案