小编Lov*_*Y.H的帖子

如何使用 Typescript、React 和 Webpack 导入 SCSS 或 CSS 模块

我想在我的项目中使用.scss(bulid与react和typescript),所以我使用typings-for-css-modules-loaderand 。css-loadersass-loader

当我时npm run dev,我收到此错误:

./src/Common.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

.common {
^
      Invalid CSS after "e": expected 1 selector or at-rule, was "exports = module.ex"
Run Code Online (Sandbox Code Playgroud)

.scss喜欢这样:

.common {
  height: 100px
}
Run Code Online (Sandbox Code Playgroud)

我的 wepack.config 是:

module.exports = {
    mode: 'development',
    entry: [
        'webpack-dev-server/client',
        path.resolve(root, 'src/index.tsx')
    ],
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        publicPath: '/',
        port: 8080,
        historyApiFallback: true
    },
    resolve: {
        extensions: [".ts", …
Run Code Online (Sandbox Code Playgroud)

javascript css typescript webpack css-modules

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

css-modules ×1

javascript ×1

typescript ×1

webpack ×1