我使用 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 模块?