2016-11-26 64 views
0

我想创建一个SPA(单页应用程序)与Sails JS(节点JS框架)和Vue JS。 Vue JS支持组件,我想动态加载它们(.vue文件)。 Vue JS建议使用Browserify,我通过npm安装。在Sails JS中完成任务Grunt如何让Sails JS和Browserify运行vueify?

我只是不能把它们放在一起。这是由咕噜产生我目前的公共树:

|-.tmp |-browserify |-components |--user.vue |-js |---dependencies |---vendor |-styles |---fonts |---vendor

任何帮助表示赞赏。

回答

2

恐怕你不完全理解VueJS和SailsJS是如何工作的。

我会建议我工作的方式和许多其他人做的。 SailsJS完全不需要Browserify。如果您只使用小型VueJS组件,您可以考虑它,但它仍然不是必需的。 Sails为您提供API。 Browserify仅用于您的VueJS项目。 VueJS将消耗你的API。

我的建议是完全拆分后端和前端项目,并在IDE中单独使用它们。在dev env为您的/api请求设置代理localhost:1337。 最后,您将构建VueJS项目并将其放入您的Sails应用资产中。就这样。

+0

非常感谢您深入挖掘!我更新了我的文件夹树来完成我的问题。该文件夹由Grunt任务自动生成。所以它实际上已经在我的Sails Js项目中。我的问题是或.vue必须编译,我认为我可以使用Grunt自动执行此操作(如JST中编译的JST中的Sails Js)。 您的解决方案听起来很有趣。你能否提供更多的信息或链接来阅读这种方法?如果我理解它是正确的,那么入口点就是Vue JS index.html,它会从Sails JS请求数据。 – Julian

+0

谷歌Webpack Vue模板,并从那里去。它会比你想象的更容易。 –