/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

2 votes341 views1 answer
Select a form by name jquery
Javascript jQuery
22 votes348 views2 answers
Get looping in jquery
Javascript jQuery
0 vote385 views1 answer
Jquery copy all options from select to another
Javascript jQuery
152 votes542 views6 answers
Jquery document ready
Javascript jQuery
0 vote374 views1 answer
Detect when page scroll to div javascript no jquery
Javascript jQuery
0 vote360 views1 answer
Jquery camera priview
Javascript jQuery
0 vote389 views2 answers
Jquery get value of input submit
Javascript jQuery
0 vote338 views1 answer
Urlencode jquery
Javascript jQuery
0 vote348 views1 answer
How to print form data in jquery
Javascript jQuery
1 vote345 views1 answer
Jquery detect if element has overflow
Javascript jQuery