不能对带有打字稿的 scss 文件使用 import 语句

Question

我已将这些声明添加到index.d.ts文件中：

declare module '*.module.scss' {
  const classes: { [key: string]: string };
  export default classes;
}

但是当我尝试导入这样的默认导入时：

import styles from './Application.module.scss';

我收到此错误：

找不到模块“./Application.module.scss”.ts

Answer 1

为了在 TypeScript 中使用 SCSS 模块，你需要style-loader 、 typings-for-css-modules-loader和sass-loader 。

使用以下.scss规则在您的webpack.config.js ：

{
    test: /\.scss$/,
    include: [
        path.resolve(__dirname, "src/raw")
    ],
    use: [
        { loader: "style-loader" },
        {
            loader: "typings-for-css-modules-loader",
            options: {
                namedexport: true,
                camelcase: true,
                modules: true
            }
        },
        { loader: "sass-loader" }
    ]
}