从Next.js中的2个SCSS文件创建2个单独的CSS文件

Question

从2小时开始，我一直在努力解决这个问题。我正在app.scss文件中写所有样式，并在vendor.scss文件中写所有供应商依赖样式。

然后，在scss中导入2个index page文件，即

• vendor.scss
• app.scss

但是，当next-sass插件编译这些文件时，它将所有样式合并为一个样式表，并将该样式表注入页面。

有什么方法可以为2个不同的CSS文件创建单独的SCSS文件并插入页面吗？

pages / index.jsx：

import React from 'react';
import '../src/assets/scss/vendor.scss';
import '../src/assets/scss/app.scss';

const HomePage = () => {
return (<h1>Hello World</h1>);
};

export default HomePage;

next.config.js：

const withSass = require('@zeit/next-sass');
module.exports = withSass();