小编Rey*_*lds的帖子

React - 带有 cssModules 和 url-loader 的 Next.js 配置

我需要配置next.config.js文件,以便同时使用两个不同的加载程序。这是第一个:

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

module.exports = withSass({
    cssModules: true,
    cssLoaderOptions: {
        importLoaders: 1,
        localIdentName: "[local]___[hash:base64:5]",
    }
})
Run Code Online (Sandbox Code Playgroud)

这是第二个:

const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');

module.exports = withCSS(withSass({
    webpack (config, options) {
        config.module.rules.push({
            test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
            use: {
                loader: 'url-loader',
                options: {
                    limit: 100000
                }
            }
        })
        return config
    }
}))
Run Code Online (Sandbox Code Playgroud)

单独他们工作得很好!但是我无法将它们组合在一个规则中,以便两者可以一起工作。

谢谢你的帮助!!

javascript reactjs webpack css-modules next.js

7
推荐指数
1
解决办法
6736
查看次数

标签 统计

css-modules ×1

javascript ×1

next.js ×1

reactjs ×1

webpack ×1