使用webpack

Question

目录结构

->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');

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

像这样： 的 home.styles.css

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

我想首先连接main.scss。我该怎么办？

Answer 1

看起来不推荐使用@import来控制sass文件顺序的功能。您可以尝试使用早期版本的sass，或查看是否有更多替代here