Add touch support in our carousel with HammerJS.

build/build-plugins.js

@@ -5,10 +5,10 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 
-const path    = require('path')
-const rollup  = require('rollup')
-const babel   = require('rollup-plugin-babel')
-const banner  = require('./banner.js')
+const path   = require('path')
+const rollup = require('rollup')
+const babel  = require('rollup-plugin-babel')
+const banner = require('./banner.js')
 
 const TEST    = process.env.NODE_ENV === 'test'
 const plugins = [
@@ -41,8 +41,9 @@ const rootPath = TEST ? '../js/coverage/dist/' : '../js/dist/'
 function build(plugin) {
   console.log(`Building ${plugin} plugin...`)
 
-  const external = ['jquery', 'popper.js']
+  const external = ['hammerjs', 'jquery', 'popper.js']
   const globals = {
+    hammerjs: 'Hammer',
     jquery: 'jQuery', // Ensure we use jQuery which is always available even in noConflict mode
     'popper.js': 'Popper'
   }

build/generate-sri.js

@@ -42,6 +42,10 @@ const files = [
   {
     file: 'node_modules/popper.js/dist/umd/popper.min.js',
     configPropertyName: 'popper_hash'
+  },
+  {
+    file: 'node_modules/hammerjs/hammer.min.js',
+    configPropertyName: 'hammer_hash'
   }
 ]
 

build/rollup.config.js

@@ -1,12 +1,13 @@
-const path    = require('path')
-const babel   = require('rollup-plugin-babel')
-const resolve = require('rollup-plugin-node-resolve')
-const banner  = require('./banner.js')
+const path     = require('path')
+const babel    = require('rollup-plugin-babel')
+const resolve  = require('rollup-plugin-node-resolve')
+const commonjs = require('rollup-plugin-commonjs')
+const banner   = require('./banner.js')
 
 const BUNDLE  = process.env.BUNDLE === 'true'
 
-let fileDest  = 'bootstrap.js'
-const external = ['jquery', 'popper.js']
+let fileDest   = 'bootstrap.js'
+const external = ['jquery', 'hammerjs', 'popper.js']
 const plugins = [
   babel({
     exclude: 'node_modules/**', // Only transpile our source code
@@ -21,15 +22,22 @@ const plugins = [
 ]
 const globals = {
   jquery: 'jQuery', // Ensure we use jQuery which is always available even in noConflict mode
+  hammerjs: 'Hammer',
   'popper.js': 'Popper'
 }
 
 if (BUNDLE) {
   fileDest = 'bootstrap.bundle.js'
-  // Remove last entry in external array to bundle Popper
-  external.pop()
+  // We just keep jQuery as external
+  external.length = 1
   delete globals['popper.js']
-  plugins.push(resolve())
+  delete globals.hammerjs
+  plugins.push(
+    commonjs({
+      include: 'node_modules/**'
+    }),
+    resolve()
+  )
 }
 
 module.exports = {