Export properly

server.js

@@ -1,13 +1,13 @@
-let webpack = require('webpack');
+const webpack = require('webpack');
-let WebpackDevServer = require('webpack-dev-server');
+const WebpackDevServer = require('webpack-dev-server');
-let config = require('./webpack.config.dev');
+const config = require('./webpack.config.dev');
-let opn = require('opn');
+const opn = require('opn');
 
 new WebpackDevServer(webpack(config), {
   publicPath: config.output.publicPath,
   historyApiFallback: true,
   quiet: true, // lets WebpackDashboard do its thing
-}).listen(3001, 'localhost', (err, result) => {
+}).listen(3001, 'localhost', (err) => {
   if (err) console.log(err);
   opn('http://localhost:3001');
   console.log('Listening at localhost:3001');

src/scripts/src/choices.js

@@ -32,7 +32,7 @@ import './lib/polyfills';
 /**
  * Choices
  */
-export default class Choices {
+class Choices {
   constructor(element = '[data-choice]', userConfig = {}) {
     // If there are multiple elements, create a new instance
     // for each element besides the first one (as that already has an instance)
@@ -2405,3 +2405,6 @@ export default class Choices {
 }
 
 Choices.userDefaults = {};
+
+// We cannot export default here due to Webpack: https://github.com/webpack/webpack/issues/3929
+module.exports = Choices;

webpack.config.prod.js

@@ -1,8 +1,9 @@
 const path = require('path');
 const pkg = require('./package.json');
 const webpack = require('webpack');
-const wrapperPlugin = require('wrapper-webpack-plugin');
+const WrapperPlugin = require('wrapper-webpack-plugin');
-const banner = `/*! ${ pkg.name } v${ pkg.version } | (c) ${ new Date().getFullYear() } ${ pkg.author } | ${ pkg.homepage } */ \n`;
+
+const banner = `/*! ${pkg.name} v${pkg.version} | (c) ${new Date().getFullYear()} ${pkg.author} | ${pkg.homepage} */ \n`;
 
 module.exports = (env) => {
   const minimize = !!(env && env.minimize);
@@ -10,7 +11,7 @@ module.exports = (env) => {
   const config = {
     devtool: minimize ? false : 'cheap-module-source-map',
     entry: [
-      './src/scripts/src/choices'
+      './src/scripts/src/choices',
     ],
     output: {
       path: path.join(__dirname, '/src/scripts/dist'),
@@ -18,30 +19,44 @@ module.exports = (env) => {
       publicPath: '/src/scripts/dist/',
       library: 'Choices',
       libraryTarget: 'umd',
+      auxiliaryComment: {
+        root: 'Window',
+        commonjs: 'CommonJS',
+        commonjs2: 'CommonJS2',
+        amd: 'AMD',
+      },
     },
     plugins: [
       new webpack.optimize.ModuleConcatenationPlugin(),
       new webpack.DefinePlugin({
         'process.env': {
           // This has effect on the react lib size
-          'NODE_ENV': JSON.stringify('production'),
+          NODE_ENV: JSON.stringify('production'),
-        }
+        },
       }),
-      new wrapperPlugin({
+      new WrapperPlugin({
         header: banner,
       }),
     ],
     module: {
-      rules: [{
+      rules: [
-        test: /\.js$/,
+        {
-        exclude: /(node_modules|bower_components)/,
+          enforce: 'pre',
-        loader: 'babel-loader',
+          test: /\.js?$/,
-        include: path.join(__dirname, 'src/scripts/src'),
+          include: path.join(__dirname, 'src/scripts/src'),
-        options: {
+          exclude: /(node_modules|bower_components)/,
-          babelrc: false,
+          loader: 'eslint-loader',
-          presets: [['es2015', { modules: false }], 'stage-2'],
+          query: {
+            configFile: '.eslintrc',
+          },
         },
-      }],
+        {
+          test: /\.js?$/,
+          include: path.join(__dirname, 'src/scripts/src'),
+          exclude: /(node_modules|bower_components)/,
+          loader: 'babel-loader',
+        },
+      ],
     },
   };
 
@@ -50,12 +65,12 @@ module.exports = (env) => {
       sourceMap: false,
       mangle: true,
       output: {
-        comments: false
+        comments: false,
       },
       compress: {
         warnings: false,
-        screw_ie8: true
+        screw_ie8: true,
-      }
+      },
     }));
   }