编译JS文件时的Webpack问题

Question

我正在研究Laravel 5.3项目，在尝试为ES6添加一些配置之前，我一直在使用webpack没问题。 这些包括addind babel软件包到我的npm模块中。 它破坏了我的代码，所以我恢复了所有更改，但是现在每当我更改JS文件并进行编译时，此行就会添加到最终的JS文件中，这会导致Vue实例未定义（无论我是否运行gulp，该行都会出现更改文件）。 我使用的是laravel-elixir-vue-2软件包，从我收集的信息来看（尽管我可能是错的），我确实需要任何其他配置才能成功运行它，因为我已经使用了几个月。

/ *** /函数（模块，导出）{124125 eval（“ var g; \\ r \\ n \\ r \\ n ///在非严格模式下起作用\\ r \\ ng =（function（）{返回此； }}（）; \\ r \\ n \\ r \\ ntry {\\ r \\ n \\ t //如果允许eval（请参阅CSP）\\ r \\ n \\ tg = g || Function（\\“ return this \\” ）（）||（1，eval）（\\“ this \\”）; \\ r \\ n} catch（e）{\\ r \\ n \\ t //如果窗口引用可用\\ r \\ n \\ tif （typeof window === \\“ object \\”）\\ r \\ n \\ t \\ tg = window; \\ r \\ n} \\ r \\ n \\ r \\ n // g仍可以不确定，但与此无关... \\ r \\ n //我们返回undefined，而不是这里未返回的任何内容，因此，\\ r \\ n //更容易处理这种情况。if（！global）{...} \\ r \\ n \\ r \\ nmodule .exports = g; \\ r \\ n //＃sourceMappingURL = data：application / json; charset = utf-8; base64，eyJ2ZXJzaW9uIjozLCJmaWxlIjoiOC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8od2VicGFjaykvYnVn 126126

我什至已经克隆了我的仓库的早期版本，但是该问题仍然存在。 起初我以为我完成了一些PHPStorm设置，但后来我将编辑器更改为使用Atom，但问题并没有消失。

更新我按照此链接安装了babel，以便可以在.vue文件中使用ES6格式，但它破坏了我的webpack。 我没有在代码中的任何地方use strict 。 我在另一台PC上安装了一个干净的git repo，它也引起了问题。 在我在.vue组件之外使用vue的地方也可以使用

这是我的gulpfile.js

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');


elixir(function(mix) {
    mix.sass('app.scss')
       .webpack('app.js');
});

如果需要进一步澄清，请在下面发表评论。

Answer 1

我仍然不知道是什么引入了use strict的use strict但是最佳实践是将v-if与任何无法定义的 变量一起使用