如何解决如何远离@zeit/next-sass 弃用
如何从 @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。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。