Daha önce kullandığım bir çözüm:
jquery i öncelikle npm ile projenize dahil edin.
npm install jquery --save
Daha sonra webpack.config.js dosyasında ayarlara aşağıdaki plugins bölümünü ekleyin.
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
jQuery: 'jquery'
})
],
artık jquery vue içinde global olarak kullanılabilir.
$('falanca filan şeklinde')
hatta
$(function(){
//bu document ready function kısaltması. Ancak içinde yazacağınız kodları vue içinde created: içinde yazarsanız zaten aynı işi görecektir.
})
//////////// DÜZENLEME //////////////////
aşağıdaki sizin kodlarınız.
mix.webpackConfig({
plugins: [
// JQUERY BURADA DAHİL EDİLEBİLİR:
new webpack.ProvidePlugin({
$: 'jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
jQuery: 'jquery'
})
],
resolve: {
extensions: ['.js', '.json', '.vue'],
alias: {
'~': path.join(__dirname, './resources/assets/js')
}
},
output: {
chunkFilename: 'js/[name].[chunkhash].js',
publicPath: mix.config.hmr ? '//localhost:8080' : '/'
}
})