专栏首页星流全栈如何Meteor中轻松使用Webpack

如何Meteor中轻松使用Webpack

原文来自Meteor Forum,更多讨论点击「阅读原文」进行查看!

Meteor是一套惊人的工具来高效地创建伟大的Web应用。我非常喜爱它。这也是我半年前创建了一个能让Webpack集成进Meteor的扩展包。我觉得如果我们能有一个实时热重载,ES6模块,资源打包和代码分离,这会让Meteor更加酷,并且我们做到了!

但有件事我并不是很高兴,那就是配置Webpack太难了。你需要学习一系列新的概念才能写webpack.config.js。我不喜欢那些文件,因为不管你做的东西多么简单,配置它们都相当麻烦。

所以我重回黑板来设计一个新的Webpack集成扩展。一个足够简单的扩展让你开始使用它,并且足够地灵活让你根据你的任何需要配置构建步骤。

今天我发布一个崭新的webpack:webpack版本。你可以简单地通过添加扩展包和在JSON文件中改动配置。这相当简单。但要说明的是,这个包还没有和Meteor 1.3 100%兼容。

现在你可以添加一行代码使用React的热重载:

meteor add webpack:react

你可以通过添加一行代码require.ensure实现代码分离(Webpack 2给我们一个更好的语法)。

你可以使用TypeScript, SASS, LESS和更多的工具仅仅通过添加一个扩展包。

这仅仅是个开始。任何人可以写一个Meteor扩展包来封装特定的Webpack配置。如果你觉得有什么功能遗失了,那么请提交一个issue,我很乐意增加遗失的功能或扩展。

这个版本仅仅是1.0,离最终版还很远。未来Meteor的Webpack将由社区掌控。我希望这个版本能得到充足的反馈和贡献,就像上个版本那样。谢谢所有人和社区给予的帮助。

我迫不及待想看到你们在Meteor项目中使用它了,让我知道你们的使用状况!

本文分享自微信公众号 - 星流全栈(MeteorFullStack),作者:Benoit

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-03-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 还在纠结 Flux 或 Relay,或许 Redux 更适合你

    时见疏星
  • Meteor实现热重载的两种方式

    时见疏星
  • Meteor 1.4正式发布 - 更新了 Node 和 MongoDB 版本以及更多

    时见疏星
  • 类图的6大关系详解

    以下类图使用 PlantUML 绘制,更多语法及使用请参考:http://plantuml.com/ 。

    李红
  • 类图的6大关系详解

    以下类图使用 PlantUML 绘制,更多语法及使用请参考:plantuml.com/ 。

    李红
  • SpringBoot 系列教程自动配置选择生效

    写了这么久的 Spring 系列博文,发现了一个问题,之前所有的文章都是围绕的让一个东西生效;那么有没有反其道而行之的呢?

    一灰灰blog
  • 基于 Go 语言开发在线论坛(九):部署 Go Web 应用

    与 PHP 应用相比,部署 Go 应用相对简单,因为所有应用代码都被打包成一个二进制文件了(视图模板、静态资源和配置文件等非 Go 代码除外),并且不需要依赖其...

    学院君
  • Segway平衡车变身为智能泊车机器人

    赛格威机器人Segway亮相CES 2017大会,作为宝马自驾区的合作展商,这款名叫Loomo(路萌)的“泊车助理”其表现的确令人眼前一亮。据了解,“路萌”有着...

    机器人网
  • NFM:Neural Factorization Machines for Sparse Predictive Analytic

    FM能够有效的发现二阶组合特征,但存在的问题在于,FM捕获的二阶组合特征是线性组合的(其表达式就是线性组合),无法捕获非线性组合特征。现在深度神经网络可以发现非...

    用户3578099
  • 3分钟短文 | PHP new self 跟 new static 啥区别?

    之前的文章我们已经讲过,在 PHP 类的创建过程中,使用 self 作为类本身的引用,使用 $this 作为类对象的引用。

    程序员小助手

扫码关注云+社区

领取腾讯云代金券