React-使用cssModules和url-loader的Ne​​xt.js配置

JavaScript React.js

Gil伽罗小宇宙

2020-03-24

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

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

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

这是第二个:

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
    }
}))

单独地,他们工作很棒!但是我无法将它们结合在一条规则中,因此两者可以一起工作。

谢谢你的帮助!!

第3660篇《React-使用cssModules和url-loader的Ne​​xt.js配置》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android