monteecristoo’s blog

https://twitter.com/irakaarozo

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

updated: 2018/5/2

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

方法1 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

 

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

<body>

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

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

</body>