手机版
你好,游客 登录 注册 搜索
背景:
阅读新闻

通用React框架Next.js发布5.0版本

[日期:2018-03-02] 来源:infoq.com  作者:Kevin Ball ,译者 宋康婧 [字体: ]

Next.js是用于通用React.js应用程序的开源工具包,已发展到5.0版本。这个版本改进了Next.js应用程序的可配置性,加入了对服务端Webpack的支持以及针对模块化配置的插件系统。它还增加了对TypeScript的支持,能更好地支持诸如Preact之类的React替代包(alt-libs),同时也增加了名为Zones的多应用程序组合功能。

Next.js在最初的版本里就支持自定义Webpack配置,但最新版本克服了一些主要限制。在版本5.0的发布介绍里,Next.js开发人员Tim Neutkens和Arunoda Susuripala如此解释:

如果Webpack只能在客户端(浏览器端)打包(bundle)执行,你将错过使用这个强大的工具链进行服务器渲染的可能性。

我们很高兴地宣布,我们已经扩展重构了代码库,使得Webpack既可以在客户端也能在服务端执行。

对你们来说,所有的变化仅仅只是向装饰器函数传递一个额外的isServer属性。但是,这个新的语法意味着,现在你可以使用应用范围更广的Webpack装载机(loaders)了。

这个功能可以更好地控制Next.js的配置,为了提供更简单的方法来管理配置,Next.js创建了用于配置的插件系统,并建立了常用可复用插件的开源仓库。在撰写本文时,已有的可用插件包括用于导入css、less和scss的配置,以及为在项目中使用Preact或TypeScript做的配置。社区已经有人发起合并请求(pull requests),为GraphQL标签以及Webpack打包分析器等功能添加插件。

这个插件架构也是在Next.js里为什么能有最好的TypeScript支持的原因,它使得在Next.js应用程序中,只需要两行简单的代码就能开始使用TypeScript了:

const withTs = require('next-typescript');
module.exports = withTs({ /* additional config*/ })

在React etc博客里的一篇文章中,Jorgé回应:

Next.js持续地对用户提出的支持有用功能的请求作出响应。这再次证明了TypeScript如何像风暴一样影响JavaScript社区。TypeScript不仅提供Typing和额外的语言功能,还提供非常强大的调试和重构功能。

由于使用TypeScript可以很好地编写React应用程序,因此这个功能将给Next.js的开发带来更好的开发体验。

Next.js 5.0还增加了一个名为“Zones”的功能,文档里称这个功能可以将多个Next.js应用程序合并到一个应用程序中:

这与微服务的概念完全相同,只不过它针对的是前端应用。

这个功能与代理相结合,允许你使用React的标签来链接其他的应用程序,使得原本相隔离的应用程序能够无缝集成。为了方便开发和部署,开发团队发布了一个名为微代理(microproxy)的Node包,这个功能也可以很好地与NGINX和HAProxy等传统代理解决方案搭配使用。

查看英文原文:Universal React Framework Next.js Releases Version 5.0

本文永久更新链接地址https://www.linuxidc.com/Linux/2018-03/151142.htm

linux
相关资讯       Next.js 
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款