alex

в опциях лоадера измените имя файла

test: /\.jsx?$/

если вам нужно снаружи бандла использовать код самого бандла - используйте группу опций

output.library
output.libraryExport
output.libraryTarget

вот здесь пример

если вам нужно внутри бандла получить доступ к внешним переменым, например всякие жиквери, лодаши которые подключены через CDN и т.д. используйте externals

import glob from 'glob'
import path from 'path'

{
  plugins: [
    ...glob.sync('src/html/*.html')
      .map(html => new HtmlWebpackPlugin({
        filename: path.basename(html),
        template: html
      }))
  ]
}

webpack.js.org/guides/code-splitting/

Хотелось бы оптимизировать все классы

это называется не оптимизация, а «я нифига не понимаю че происходит»

до «оптимизации»
<div class="class_3 class_2"></div> // 1px

после «оптимизации» (которую вы ожидаете) ширина сломается, т.к. class_2 уедет вверх:
<div class="class_3 class_2"></div> // 2px

поэтому здесь ошибки нет никакой, все ок, оптимизатор ваш нормально отрабатывает.

var $ = require('jquery');
require('jquery-ui/ui/widgets/slider');

$('#id').slider();