/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 vote136 views1 answer
Jquery scroll into view
Javascript jQuery
6 votes146 views4 answers
Getting href value in jquery
Javascript jQuery
1 vote127 views1 answer
How to open browser for upload with click on element in jquery
Javascript jQuery
11 votes159 views3 answers
Jquery set input checked
Javascript jQuery
5 votes89 views2 answers
Check if a checkbox is checked w jquery using id
Javascript jQuery
0 vote135 views1 answer
Jquery bootstrap checkbox val
Javascript jQuery
0 vote134 views1 answer
JQuery.datepicker is undefined
Javascript jQuery
7 votes131 views3 answers
Check radio button is checked jquery
Javascript jQuery
0 vote133 views1 answer
Kendo grid toolbar custom button click event jquery
Javascript jQuery
0 vote140 views1 answer
Which jQuery method is used to set one or more style properties to the selected element?
Javascript jQuery