Vuejs 2 + laravel elixir + lodash Uncaught ReferenceError：_未定义

Question

我正在使用标题中指定的工具。我在bootstrap.js中导入lodash

window._ = require('lodash');

但是，当我尝试使用这样的东西（类似于here的例子）时，我得到标题中描述的错误

created() {
   this.test();
},

methods: {
   test: _.debounce(function () {
      console.log('calculating', true);
      setTimeout(function () {
         console.log('calculating', false);
      }.bind(this), 1000)
   }, 500),
}

但是，如果我删除window._ = require('lodash');并在页面中手动插入lodash它工作正常，如

<script src="https://cdn.jsdelivr.net/lodash/4.13.1/lodash.js"></script>

我错过了什么？

另外，通过require导入库而不是使用Gulp来合并和丑化所有东西有什么好处？

Answer 1

我不确定你为什么会得到与_相关的错误。

在你的另一个问题上，我可以考虑使用require而不是gulp或任何其他构建工具：

• 所有构建工具都带有自己的依赖项和其他附件，这会增加您的整体代码大小。
• 当你需要使用grunt执行一项任务时，你可能会开始依赖他们的插件和时间，而对于其他任务你正在使用grunt，quting来自gulp-grunt

如果你最喜欢的grunt插件还没有用于吞咽怎么办？不要担心，没有什么可担心的！你为什么不挂钩你的grunt配置？

• 您必须管理不同插件的更新，并确保所有插件都使用新的更新版本。

这些是我经历或阅读过的一些内容，但这些工具确实消除了构建，热重新加载，压缩或混淆代码的痛苦，但是可以有其他原始方法来执行这些操作，就像这些工具一样为您提供抽象。