/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

0 vote914 views1 answer
Authorize jquery ajax call for asp.net mvc
Javascript jQuery
0 vote316 views1 answer
Space in string using if in jquery
Javascript jQuery
0 vote252 views1 answer
Jquery datatable server side pagination asp.net core
Javascript jQuery
0 vote278 views1 answer
Reload table jquery
Javascript jQuery
0 vote306 views2 answers
Jquery empecher revoie du formulaire
Javascript jQuery
2 votes289 views2 answers
How do I check if an element is hidden in jQuery?
Javascript jQuery
3 votes250 views1 answer
Delegate jquery
Javascript jQuery
0 vote274 views2 answers
Jquery dynamic event handling
Javascript jQuery
1 vote324 views1 answer
Jquery prevent event bubbling
Javascript jQuery
1 vote308 views1 answer
Jquery add to array with key
Javascript jQuery