Rollup Config in Gulp - jQuery External Issue

gulpfile-rollup-issue.js

// ...

// Build JS with Rollup
// ---------------------------------------
gulp.task('js', ['lint-js'], () => {
  console.log('*** Compiling JS ***'.green);
  return rollup.rollup({
    entry: "./src/js/theme.js",
    plugins: [
      resolve({
        jsnext: true,
        main: true,
        browser: true
      }),
      cjs({
        include: [
          'node_modules/**',
          'src/js/vendor/**'
        ]
      }),
      amd(),
      legacy({}),
      inject({
        include: '**/*.js',
        exclude: 'node_modules/**',
        jQuery: 'jquery',
        $: 'jquery',
        jquery: 'jquery'
      }),
      babel({
        exclude: 'node_modules/**' 
      }),
    ],
    external: ['jquery', 'jQuery']
  })
  .then(function (bundle) {
    bundle.write({
      format: 'iife',
      dest: "./theme/assets/theme.js",
      globals: {
        jquery: '$'
      },
    });
  })
});

//...

Goal:

To include a 3rd party lib from npm that requires jquery but keep that dependency external and global.

I am linking to jquery from CDN and would like to keep it that way.