How to pack javascript files in laravel?

Question

I am using Laravel 5.3, I want to pack all the javascript files，in file app.js,I require() tether and cropper like this: ：

require('tether');// `tether` is put at the head of `Bootstrap`
require('./bootstrap');

require('cropper');

Vue.component('example', require('./components/Example.vue'));

const app = new Vue({
    el: 'body'
});

Then running gulp，it's ok! But in console of chrome broswer,there are 2 errors:

Uncaught Error: Bootstrap tooltips require Tether
Uncaught TypeError: $image.cropper is not a function

Why is it？

PS:

bootstrap not Bootstrap，there is a file bootstrap.js in resources/assets/js,and Bootstrap is the UI of Twitter.

Did you try import Tether from 'tether'; window.Tether = Tether;? — Skysplit
– Skysplit, Commented Nov 18, 2016 at 12:13
@Skysplit Thanks,that issue has been solved.Another error appears: [Vue warn]: Cannot find element: body — zwl1619
– zwl1619, Commented Nov 18, 2016 at 12:36
@zwl1619 Then you must create a wrapper div with an id. <body><div id="app">Your page</div></body> and change el: 'body' to el: '#app'. In Vue 2.0 html or body can't be used for el. — Gerard Reches
– Gerard Reches, Commented Nov 18, 2016 at 13:07

Skysplit · Accepted Answer · 2016-11-18 22:02:28Z

1

So, as I have written in comments, the solution is following code:

import Tether from 'tether'

window.Tether = Tether;

answered Nov 18, 2016 at 22:02

Skysplit

1,93312 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pack javascript files in laravel?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related