Vue.js：Laravel混合不合并文件

我使用Laravel 5.4 Node.js的6，和Vue.js 2.Vue.js：Laravel混合不合并文件

在resources/assets/js/app.js我：

require('./bootstrap'); 

window.Vue = require('vue'); 

Vue.use(require('vue-resource'));

在webpack.mix.js我有：

mix.combine([ 
    'resources/assets/js/app.js', 
    'resources/assets/js/enhanced.js', 
    'resources/assets/js/search.js' 
], 'public/js/app.js') 
    .sass('resources/assets/sass/app.scss', 'public/css');

在resources/assets/js/enhanced.js我：

require('./app') 

var Search = require('./components/Enhanced.vue'); 

const app = new Vue({ 
    el: '#app_page_enhanced', 
    render: app_page_enhanced => app_page_enhanced(Page_Enhanced) 
});

在resources/assets/js/search.js我：

require('./app') 

var Search = require('./components/Search.vue'); 

new Vue({ 
    el: '#app_search', 
    render: app_search => app_search(Search) 
})

我有npm run watch-poll在终端窗口中运行。

然而，一直收到第8行中的错误app.js：

要求（ './引导'）;

当我评论说，线路输出，过程经过无需额外的错误，但是当我看到：public/js/app.js不包括单独.js文件。

我试着删除：require('./app')从两个.js文件，：

mix.combine([ ... ], 'public/js/')

...和：

mix.combine([ ... ], 'public/js/', 'public/js/app.js')

...但它并没有区别。

值得一提的是，Vue的代码适用于app.js文件。

我已经拼凑了这些基于我已经清除的位，因为我还没有找到官方指南。

更新

在核心问题方面，@tompec帮助解决它。

但是，我认为这可以治愈我在运行search page和featured results page时遇到的大量错误，其中每个页面都在执行两个页面的Vue代码，从而导致错误。

来源

2017-07-17 Wayne Smallman

通常'bootstrap.js'进口的jQuery，lodash和应用需要，一些其他的库。你确定它可以在'app.js'的相同目录下吗？ – Ikbel

@KiraSan。是的，它在同一个地方。 –

尝试做这样的事情

mix.js([ 
    'resources/assets/js/app.js', 
    'resources/assets/js/enhanced.js', 
    'resources/assets/js/search.js' 
], 'public/js/app.js') 
    .sass('resources/assets/sass/app.scss', 'public/css');

和resources/assets/js/enhanced.js和resources/assets/js/search.js删除require('./app')。

而这里的DOC：https://github.com/JeffreyWay/laravel-mix/tree/master/docs

来源

2017-07-17 12:09:58 tompec

你已经回答了问题（并且谢谢），所以我必须将其标记为正确。但是，正如我在开场白中所说的那样，还有其他问题，所以我不得不将其作为一个新问题来解决。 –

Vue.js：Laravel混合不合并文件

回答

相关问题