Let me count the ways I hate webpacker... (please help with jquery)

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.append('Provide', new webpack.ProvidePlugin({
	$: 'jquery',
	jQuery: 'jquery',
}))

module.exports = environment

const { webpackConfig, merge } = require('@rails/webpacker')
const customConfig = {
  // Use cheap sourcemap generation
  devtool: 'eval-cheap-module-source-map',
  resolve: {
    extensions: ['.css']
  }
}

module.exports = merge(webpackConfig, customConfig)

const { webpackConfig, merge } = require('@rails/webpacker')
const customConfig = {
  // Use cheap sourcemap generation
  devtool: 'eval-cheap-module-source-map',
  resolve: {
  	extensions: ['.css']
  }
}

const jquery     = require('jquery')
const webpack    = require('webpack')

// Add Webpack plugins
webpackConfig.plugins.unshift(
  new webpack.ProvidePlugin({
    $:         'jquery',
    jQuery:    'jquery',
    jquery:    'jquery'
  })
)

module.exports = merge(webpackConfig, customConfig, jquery)

const webpack = require('webpack')
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Rails: '@rails/ujs'
}))

<script>
  $(document).ready(function(){
    console.log("jquery is loaded");
   $("#msgid").html("This is Hello World by JQuery");
  });
</script>
<div id='msgid'></div>

Chris Oliver re your reply, looks like jquery is dropped from the freebie so cant see exactly where you had it... for JSP where (what path/file) is the right place to add that snippet you suggest?

The main problem is that the JSP webpacker config is rather different from any other examples out there (no environment.js for example), and in the snippet you provided the part

environment.plugins.append

const webpack = require('webpack')
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Rails: '@rails/ujs'
}))