/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

1 vote117 views1 answer
Include multiple js files using jQuery $.getScript()
Javascript jQuery
0 vote130 views2 answers
If media queries jquery
Javascript jQuery
0 vote109 views1 answer
Jquery not readonly
Javascript jQuery
0 vote186 views1 answer
Jquery ajax send data to wordpressajax_url not defined
Javascript jQuery
0 vote106 views1 answer
Remove all index from array except the one jquery
Javascript jQuery
0 vote126 views1 answer
Add padding to a div slow jquery
Javascript jQuery
5 votes116 views4 answers
Jquery insert option into select
Javascript jQuery
15 votes101 views5 answers
Disable button click jquery
Javascript jQuery
0 vote125 views1 answer
Jquery check if empty object
Javascript jQuery
2 votes113 views1 answer
How to run function after animation complete jquery
Javascript jQuery