Removed webpack-config

Author: dyuvzhenko

package.json

@@ -19,10 +19,10 @@
   },
   "license": "MIT",
   "scripts": {
-    "prod-build": "webpack --config webpack/config.js",
+    "prod-build": "webpack --config webpack.config.js",
     "prod-test": "karma start test/config/karma.conf.js",
-    "dev-build": "webpack --config webpack/config.js",
-    "dev-server": "webpack-dev-server --config webpack/config.js",
+    "dev-build": "webpack --config webpack.config.js",
+    "dev-server": "webpack-dev-server --config webpack.config.js",
     "dev-test": "karma start test/config/karma.conf.js",
     "hint-tests": "jshint --verbose test",
     "start": "npm-run-all --parallel dev-server dev-test",

test/config/karma.conf.js

@@ -8,7 +8,7 @@ const webpackSettings = ENV === 'development' ? {
   preprocessors: {
     '../../src/ui-scroll*.js': ['webpack', 'sourcemap']
   },
-  webpack: require('../../webpack/config.js')
+  webpack: require('../../webpack.config.js')
 } : {};
 
 module.exports = function (config) {

webpack.config.js

@@ -1,49 +1,147 @@
-var path = require('path');
-var webpack = require('webpack');
-
-var packageJSON = require('./package.json');
-
-var getBanner = function (compressed) {
-  return packageJSON.name + (compressed ? ' (compressed)' : ' (uncompressed)') + '\n' +
-    packageJSON.homepage + '\n' +
-    'Version: ' + packageJSON.version + ' -- ' + (new Date()).toISOString() + '\n' +
-    'License: ' + packageJSON.license;
-};
-
-module.exports.config = {
-  entry: {
-    'ui-scroll': './src/ui-scroll.js',
-    'ui-scroll-grid': './src/ui-scroll-grid.js'
-  },
-  output: {
-    path: path.join(__dirname, 'temp'),
-    filename: '[name].js'
-  },
-  cache: false,
-  devtool: 'source-map',
-  module: {
-    loaders: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader?presets[]=es2015'
-      }
-    ]
-  },
-  plugins: [
-    new webpack.BannerPlugin(getBanner(false))
-  ]
-};
-
-module.exports.compressedPlugins = [
-  new webpack.optimize.UglifyJsPlugin({
-    sourceMap: true,
-    compress: {
-      warnings: true,
-    },
-    output: {
-      comments: false,
-    },
-  }),
-  new webpack.BannerPlugin(getBanner(true))
-];
+const path = require('path');
+const fs = require('fs');
+const webpack = require('webpack');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+const packageJSON = require('./package.json');
+
+const getBanner = () =>
+  packageJSON.name + '\n' +
+  packageJSON.homepage + '\n' +
+  'Version: ' + packageJSON.version + ' -- ' + (new Date()).toISOString() + '\n' +
+  'License: ' + packageJSON.license;
+
+const ENV = (process.env.npm_lifecycle_event.indexOf('dev') === 0) ? 'development' : 'production';
+const isTest = (process.env.npm_lifecycle_event.indexOf('dev-test') !== -1) ? true : false;
+console.log('********** webpack runs in ' + ENV + ' environment **********\n');
+
+let configEnv;
+
+if (ENV === 'development') {
+  configEnv = {
+    output: {
+      filename: '[name].js',
+      publicPath: '/'
+    },
+
+    rules: [{
+      enforce: 'pre',
+      test: /Spec\.js$/,
+      include: path.resolve(__dirname, 'test'),
+      use: [{
+        loader: 'jshint-loader'
+      }]
+    }],
+
+    devtool: 'inline-source-map',
+
+    entry: {},
+
+    plugins: [],
+
+    devServer: !isTest ? {
+      historyApiFallback: {
+        rewrites: [
+          { from: '/dist/ui-scroll.js', to: (context) => '/ui-scroll.js' },
+          { from: '/dist/ui-scroll-grid.js', to: (context) => '/ui-scroll-grid.js' },
+          { from: /\/*\/*\.html$/, to: (context) => '/demo' + context.parsedUrl.pathname },
+          { from: /\/*\/*\.css$/, to: (context) => '/demo' + context.parsedUrl.pathname },
+          { from: /\/*\/*\.js$/, to: (context) => '/demo' + context.parsedUrl.pathname },
+          { from: /\/ui-scroll-demo\.gif$/, to: '/demo/ui-scroll-demo.gif' },
+          { from: /^\/$/, to: '/demo/index.html' }
+        ]
+      },
+      inline: true,
+      quiet: false,
+      port: 5005,
+      stats: 'errors-only',
+      publicPath: '/'
+    } : {},
+
+    watch: true
+  }
+}
+
+if (ENV === 'production') {
+  configEnv = {
+    output: {
+      path: path.join(__dirname, 'dist'),
+      filename: '[name].js'
+    },
+
+    rules: [],
+
+    devtool: 'source-map',
+
+    entry: {
+      'ui-scroll.min': path.resolve(__dirname, 'src/ui-scroll.js'),
+      'ui-scroll-grid.min': path.resolve(__dirname, 'src/ui-scroll-grid.js')
+    },
+
+    plugins: [
+      new CleanWebpackPlugin('dist', {
+        root: __dirname
+      }),
+      new webpack.optimize.UglifyJsPlugin({
+        sourceMap: true,
+        compress: {
+          warnings: true,
+        },
+        output: {
+          comments: false,
+        },
+        include: /\.min\.js$/
+      }),
+      new CopyWebpackPlugin([
+        {from: 'src/ui-scroll-jqlite.js', to: 'ui-scroll-jqlite.min.js'},
+        {from: 'src/ui-scroll-jqlite.js', to: 'ui-scroll-jqlite.js'}
+      ], {copyUnmodified: true}),
+      new webpack.BannerPlugin(getBanner())
+    ],
+
+    devServer: {},
+
+    watch: false
+  }
+}
+
+module.exports = {
+  entry: Object.assign({
+    'ui-scroll': path.resolve(__dirname, 'src/ui-scroll.js'),
+    'ui-scroll-grid': path.resolve(__dirname, 'src/ui-scroll-grid.js')
+  }, configEnv.entry),
+
+  output: configEnv.output,
+
+  cache: false,
+
+  devtool: configEnv.devtool,
+
+  module: {
+    rules: [...configEnv.rules,
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+        options: {
+          presets: ['es2015']
+        }
+      },
+      {
+        enforce: 'pre',
+        test: /\.js$/,
+        include: path.resolve(__dirname, 'src'),
+        use: [{
+          loader: 'jshint-loader'
+        }]
+      }
+    ]
+  },
+
+  plugins: configEnv.plugins,
+
+  devServer: configEnv.devServer,
+
+  watch: configEnv.watch
+};