Как подключить jquery и bootstrap используя es6(babel)?

1
2
3

npm install jquery
npm install bootstrap
npm install --save-dev babel-loader @babel/core @babel/preset-env webpack webpack-cli

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [{
      test: /.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
      }
    }]
  }
};

1
2
3
4
5
6

import $ from 'jquery';
import 'bootstrap';

$(document).ready(function() {
  // ваш jQuery код здесь
});

1
2
3
4
5
6
7
8

  
  jQuery & Bootstrap



  

1

npx webpack