gpt4 book ai didi

javascript - 如何摆脱@zeit/next-sass 的弃用?

转载 作者:行者123 更新时间:2023-12-04 17:21:22 26 4
gpt4 key购买 nike

如何从 @zeit/next-sass 迁移和更改 next.config.js 文件以使用 Next.js 对 Sass 的内置支持? https://www.npmjs.com/package/@zeit/next-sass

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

最佳答案

Next.js 内置 Sass 支持需要您安装 sass 作为依赖项。

$ npm install sass

然后您可以简单地从配置中删除 @zeit/next-sass@zeit/next-css 插件。

// next.config.js
module.exports = {
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;
}
};

有关更多详细信息,请查看 official Sass support docs .

关于javascript - 如何摆脱@zeit/next-sass 的弃用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66014015/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com