如何解决将CSS加载程序添加到next.config.js
目前我有这个next.config.js
:
const withCSS = require('@zeit/next-css')
const withLess = require('@zeit/next-less')
const withSass = require('@zeit/next-sass')
if (typeof require !== 'undefined') {
require.extensions['.less'] = () => {}
}
module.exports = withCSS(
withLess(
withSass({
lessLoaderOptions: {
javascriptEnabled: true,},})
)
)
我正在尝试使用react-rce
,但是在the docs中,他们说我需要在Webpack配置中添加style-loader
。
例如
module: {
rules: [
{
test: /\.css$/i,use: ['style-loader','css-loader'],],
但我不知道如何将其添加到当前文件中。有什么想法吗?
谢谢
解决方法
您可以在文件中为css-loader添加其他模块规则,如下所示:
const withCSS = require('@zeit/next-css')
const withLess = require('@zeit/next-less')
const withSass = require('@zeit/next-sass')
if (typeof require !== 'undefined') {
require.extensions['.less'] = () => {}
}
module.exports = withCSS(
withLess(
withSass({
lessLoaderOptions: {
javascriptEnabled: true,},webpack: config => {
config.module.rules.push(
{
test: /\.css$/i,use: ['style-loader','css-loader'],}
);
return config;
}
})
)
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。