ᓚᘏᗢ

Laravel + VueJS : VueJS component 内のどこからでも jquery を使用できるようにする　Laravel Mix

Laravel Vuejs laravel-mix issue

updated: 2018/5/2

この記事は検証途中で内容が不正確

方法１ Laravel Mix から

@webpack.mix.js

let webpack = require('webpack');

mix.webpackConfig({

　　plugins: [

　　　　new webpack.ProvidePlugin({

　　　　　　$: 'jquery',

　　　　　　jquery: 'jquery',

　　　　　　window.jquery: 'jquery'

　　　　})

　　]

});

これで、 Laravel Mix でコンパイルしたファイルは jquery を参照できるようになる。

参考：

stackoverflow.com

https://webpack.js.org/plugins/provide-plugin/#usage-jquery

方法２　Laravel Mix でコンパイルされたファイルより前に jquery を読み込む

<body>

　　<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

　　<script src="{{ secure_asset('js/app.js') }}"></script>

</body>