如何 Meteor 中轻松使用 Webpack

1,165 阅读2分钟
原文链接: www.jianshu.com

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项目中使用它了,让我知道你们的使用状况!

Benoit

资料

  • Free 7-days course on TheReactiveStack.com.
  • The kickstart projects. Go take a look!