/Javascript/jQuery/Use jquery in project using NPM

Use jquery in project using NPM

// webpack.config.js
const webpack = require('webpack')

module.exports = {
  entry: [
    // entry bits
  ],
  output: {
    // output bits
  },
  module: {
    rules: [
      // any other rules
      {
        // Exposes jQuery for use outside Webpack build
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: 'jQuery'
        },{
          loader: 'expose-loader',
          options: '$'
        }]
      }
    ]
  },
  plugins: [
    // Provides jQuery for other JS bundled with Webpack
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
}

Source: stackoverflow.com

Similar codes

18 votes117 views3 answers
Disable input field with jquery
Javascript jQuery
99 votes143 views6 answers
Jquery on load
Javascript jQuery
0 vote117 views2 answers
Jquery: get checkbox from each row of the table and select it
Javascript jQuery
6 votes119 views3 answers
How to validate the radio button using jquery
Javascript jQuery
23 votes113 views3 answers
Scroll to element jquery
Javascript jQuery
0 vote123 views1 answer
Jquery find highest value in array
Javascript jQuery
0 vote169 views1 answer
One-page web app that requires simple style work. using html, css,javascript and jquery
Javascript jQuery
1 vote131 views2 answers
Jquery option not disabled
Javascript jQuery
3 votes117 views3 answers
Jquery get element by class and data attribute
Javascript jQuery
0 vote121 views4 answers
Set dropdown in jquery
Javascript jQuery