是否有适用于Webpack / Browserify的Onsen2 / Angular 1.5.x的演示？

Question

我一直试图想办法如何正确设置，但没有运气。屏幕看起来空白，浏览器控制台上没有错误。

示例Github演示： https://github.com/oocoder/onsenui-wp-demo

有人试过这个吗？

Answer 1

感谢。我能够通过将ons分配给全局窗口对象并等待Angular on ready事件来运行onsenui绑定来解决此问题。

使用：onsenui@2.0.0-beta.7

示例：https://github.com/oocoder/onsenui-wp-demo

Answer 2

我对webpack不熟悉，但将Onsen添加到项目中只不过是在标准html项目中添加一些额外的文件。此处列出了一些安装程序选项：https://onsen.io/guide/getting_started.html

此外，要开始使用browserify，请参阅此处的文档：https://onsen.io/2/

var onsen = require('onsenui/js/onsenui');

onsen.ready(function() {
  onsen.notification.alert({message: 'Onsen UI works with browserify!'});
});

所以，如果这不起作用，我经常建议人们从这里开始：https://monaca.io/cloud.html

注册他们的免费帐户，即访问他们真棒云IDE。从那里，只需创建一个项目并选择Onsen 2.0 Quickstart。之后，您可以导出项目并将其导入您喜欢的IDE。您现在可以设置开发Onsen应用程序。

另外，我真的推荐他们的云IDE。它有许多令人惊叹的功能，它使开发变得轻而易举。