development mode works without ./temp

Author: dhilt

.gitignore

@@ -1,6 +1,4 @@
-.idea
-public
 node_modules
 temp
-/nbproject/private/
-*.log
+*.log
+.idea

package.json

@@ -23,7 +23,7 @@
     "prod-test": "karma start test/config/karma.conf.js",
     "dev-build": "webpack --config webpack/config.js",
     "dev-test": "karma start test/config/karma.conf.js",
-    "test": "concurrently --kill-others --raw \"npm run dev-build\" \"npm run dev-test\"",
+    "test": "npm run dev-test",
     "build": "npm run prod-build && npm run prod-test"
   },
   "devDependencies": {
@@ -41,6 +41,7 @@
     "karma-firefox-launcher": "^1.0.1",
     "karma-ie-launcher": "^1.0.0",
     "karma-jasmine": "^1.1.0",
+    "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^2.0.6",
     "webpack": "^3.8.1"
   },

test/config/karma.conf.files.js

@@ -1,6 +1,4 @@
-var scrollerPath = '../../temp/'
-
-var files = [
+const files = [
   'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js',
   'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.js',
   'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular-mocks.js',
@@ -10,20 +8,18 @@ var files = [
   '../*Spec.js'
 ];
 
-module.exports.development = files.concat([
-  '../../temp/ui-scroll.js',
-  '../../temp/ui-scroll-grid.js',
-  {
-    pattern: '../../temp/*.js.map',
-    included: false
-  }
-]);
+module.exports.development = [
+  ...files,
+  '../../src/ui-scroll.js',
+  '../../src/ui-scroll-grid.js'
+];
 
-module.exports.production = files.concat([
+module.exports.production = [
+  ...files,
   '../../dist/ui-scroll.min.js',
   '../../dist/ui-scroll-grid.min.js',
   {
     pattern: '../../dist/*.js.map',
     included: false
   }
-]);
+];

test/config/karma.conf.js

@@ -4,28 +4,24 @@ const ie = 'IE';
 
 const ENV = (process.env.npm_lifecycle_event.indexOf('dev') === 0) ? 'development' : 'production';
 
+const webpackSettings = ENV === 'development' ? {
+  preprocessors: {
+    '../../src/ui-scroll*.js': ['webpack', 'sourcemap']
+  },
+  webpack: require('../../webpack/config.js')
+} : {};
+
 module.exports = function (config) {
-  config.set({
+  config.set(Object.assign({
 
     basePath: '',
 
     frameworks: ['jasmine'],
 
     files: [
-      ...require('./karma.conf.files.js')[ENV],
-      {
-        pattern: '../../src/*.js',
-        watched: true,
-        served: false
-      }
+      ...require('./karma.conf.files.js')[ENV]
     ],
 
-    preprocessors: {
-      '../../src/*.js': ['webpack']
-    },
-
-    webpack: {},
-
     exclude: [],
 
     reporters: ['dots'],
@@ -46,8 +42,7 @@ module.exports = function (config) {
 
     captureTimeout: 60000,
 
-    singleRun: ENV !== 'development',
+    singleRun: ENV !== 'development'
 
-    // restartOnFileChange: true
-  });
+  }, webpackSettings));
 };

webpack/config.js

@@ -13,6 +13,7 @@ const getBanner = function (compressing) {
 };
 
 const ENV = (process.env.npm_lifecycle_event.indexOf('dev') === 0) ? 'development' : 'production';
+console.log('********** webpack runs in ' + ENV + ' environment **********\n');
 
 let configEnv = {};
 
@@ -22,6 +23,8 @@ if (ENV === 'development') {
 
     compressing: false,
 
+    devtool: 'inline-source-map',
+
     entry: {},
 
     plugins: [],
@@ -36,6 +39,8 @@ if (ENV === 'production') {
 
     compressing: true,
 
+    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')
@@ -75,7 +80,7 @@ module.exports = {
 
   cache: false,
 
-  devtool: 'source-map',
+  devtool: configEnv.devtool,
 
   module: {
     rules: [