如何在Sails JS中安装和使用Vue.js？

Question

我已经通过Sails JS构建了网站的后端，现在我想将Vue.js集成到我的项目中。 我已经通过npm install --save安装了Vue和VueResource，并且已经在我的Assets / js文件夹中创建了一个app.js文件。

但是，当我在app.js文件中需要Vue和VueResource时，我会在Chrome中收到以下错误消息：

app.js:1 Uncaught ReferenceError: require is not defined
localhost/:57 Uncaught ReferenceError: Vue is not defined

我是JavaScript的新手，所以我能弄清楚的是，尚未构建Javascript或类似的东西，因为require是Node功能。 如何获得服务器来构建app.js文件，使其在客户端运行？ 我几乎无法通过Google找到有关此问题的任何信息，这些信息以一种初学者可以理解的方式对其进行了解释，他们似乎只是在整个安装过程中略过。

Answer 1

安装和使用Sails-Webpack解决了该问题。

Answer 2

是的..浏览器中没有require全局功能，您必须通过script标签手动添加vuejs。

只需下载并包含脚本标签即可。 Vue将被注册为全局变量。

那是医生说的。

如果您真的想像在服务器端那样使用require函数，则可以使用requirejs模块加载器

Answer 3

正如其他人所说， require不是本地JS函数。 您需要使用Gulp或Grunt之类的东西来编译JS（我建议使用Gulp）。 如果您想要开箱即用的解决方案，请尝试https://laravel.com/docs/5.2/elixir，因为它具有许多预构建的构建脚本（其中一个用于Browserify）