我使用Razzle,它对CSS模块有很好的支持。它仅使用带有通用CSS加载器的Webpack,因此可以用相同的方式进行配置。我的麻烦是我无法以相同的方式使用SCSS文件。
作品:
import styles from "./App.module.css";
... <div className={styles.foo}>
不起作用
import sasses from "./App.module.scss";
... <div className={sasses.foo}>
我的配置:
module.exports = {
plugins: [
{
name: "scss",
options: {
css: {
modules: true
}
}
},
如何配置Razzle以使用SCSS模块?