init

Author: peisongo

config/karma.conf.js

@@ -0,0 +1,72 @@
+'use strict';
+// Karma configuration
+// Generated on Thu Mar 16 2017 08:23:56 GMT+0800 (SGT)
+let webpack = require('./webpack.test');
+
+module.exports = function (config) {
+    config.set({
+        webpack,
+
+        // base path that will be used to resolve all patterns (eg. files, exclude)
+        basePath: '',
+
+
+        // frameworks to use
+        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+        frameworks: ['jasmine'],
+
+
+        // list of files / patterns to load in the browser
+        files: [
+            {pattern: 'test/**/*.ts', watched: false}
+        ],
+
+
+        // list of files to exclude
+        exclude: [],
+
+
+        // preprocess matching files before serving them to the browser
+        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+        preprocessors: {
+            'test/**/*.ts': ['webpack']
+        },
+
+
+        // test results reporter to use
+        // possible values: 'dots', 'progress'
+        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+        reporters: ['progress', 'mocha'],
+
+
+        // web server port
+        port: 9876,
+
+
+        // enable / disable colors in the output (reporters and logs)
+        colors: true,
+
+
+        // level of logging
+        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+        logLevel: config.LOG_INFO,
+
+
+        // enable / disable watching file and executing tests whenever any file changes
+        autoWatch: true,
+
+
+        // start these browsers
+        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+        browsers: ['PhantomJS'],
+
+
+        // Continuous Integration mode
+        // if true, Karma captures browsers, runs the tests and exits
+        singleRun: false,
+
+        // Concurrency level
+        // how many browser should be started simultaneous
+        concurrency: Infinity
+    })
+}

config/webpack.dev.js

@@ -0,0 +1,42 @@
+const UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');
+
+module.exports = {
+    devtool: 'cheap-source-map',
+    entry: {
+        'index': './src/index.ts'
+    },
+    output: {
+        filename: 'dist/[name].js',
+        sourceMapFilename: 'dist/[name].source.map',
+        library: 'lib',
+        libraryTarget: 'umd'
+    },
+    resolve: {
+        extensions: ['.ts', '.js'],
+        modules: ['node_modules']
+    },
+    module: {
+        rules: [
+            {
+                test: /\.ts$/,
+                use: [
+                    {
+                        loader: 'awesome-typescript-loader'
+                    }
+                ],
+                exclude: [/\.e2e\.ts$/]
+            }
+        ]
+    },
+    plugins: [
+
+    ],
+    node: {
+        global: true,
+        process: false,
+        crypto: 'empty',
+        module: false,
+        clearImmediate: false,
+        setImmediate: false
+    }
+};

config/webpack.prod.js

@@ -0,0 +1,63 @@
+const UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');
+
+module.exports = {
+    devtool: 'cheap-source-map',
+    entry: {
+        'index': './src/index.ts'
+    },
+    output: {
+        filename: 'dist/[name].js',
+        sourceMapFilename: '[name].source.map',
+        library: 'lib',
+        libraryTarget: 'umd'
+    },
+    resolve: {
+        extensions: ['.ts', '.js'],
+        modules: ['node_modules']
+    },
+    module: {
+        rules: [
+            {
+                test: /\.ts$/,
+                use: [
+                    {
+                        loader: 'awesome-typescript-loader'
+                    }
+                ],
+                exclude: [/\.e2e\.ts$/]
+            }
+        ]
+    },
+    plugins: [
+        new UglifyJsPlugin({
+            beautify: false, //prod
+            output: {
+                comments: false
+            }, //prod
+            mangle: {
+                screw_ie8: true
+            }, //prod
+            compress: {
+                screw_ie8: true,
+                warnings: false,
+                conditionals: true,
+                unused: true,
+                comparisons: true,
+                sequences: true,
+                dead_code: true,
+                evaluate: true,
+                if_return: true,
+                join_vars: true,
+                negate_iife: false // we need this for lazy v8
+            },
+        }),
+    ],
+    node: {
+        global: true,
+        process: false,
+        crypto: 'empty',
+        module: false,
+        clearImmediate: false,
+        setImmediate: false
+    }
+};

config/webpack.test.js

@@ -0,0 +1,33 @@
+module.exports = {
+    resolve: {
+        extensions: ['.ts', '.js'],
+        modules: ['node_modules']
+    },
+    module: {
+        rules: [
+            {
+                test: /\.ts$/,
+                use: [
+                    {
+                        loader: 'awesome-typescript-loader',
+                        query: {
+                            sourceMap: false,
+                            inlineSourceMap: true,
+                            compilerOptions: {
+                                removeComments: true
+                            }
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    node: {
+        global: true,
+        process: false,
+        crypto: 'empty',
+        module: false,
+        clearImmediate: false,
+        setImmediate: false
+    }
+};

examples/example.js

@@ -0,0 +1,5 @@
+'use strict';
+
+let Calculator = require('../dist/index').Calculator;
+let cal = new Calculator();
+console.log(cal.add(2, 3), cal.multiply(5, 20));

karma.conf.js

@@ -0,0 +1 @@
+module.exports = require('./config/karma.conf');

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "karma-webpack-typescript",
+  "version": "0.0.1",
+  "description": "A simple CLI starter for karma/webpack/typescript",
+  "main": "dist/index.js",
+  "scripts": {
+    "test": "karma start"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/naivefun/karma-webpack-typescript.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/naivefun/karma-webpack-typescript/issues"
+  },
+  "homepage": "https://github.com/naivefun/karma-webpack-typescript#readme",
+  "devDependencies": {
+    "@types/jasmine": "^1.3.2",
+    "awesome-typescript-loader": "^3.1.2",
+    "jasmine": "^2.5.3",
+    "karma": "^1.5.0",
+    "karma-jasmine": "^1.1.0",
+    "karma-mocha-reporter": "^2.2.2",
+    "karma-phantomjs-launcher": "^1.0.4",
+    "karma-webpack": "^2.0.3",
+    "typescript": "^2.2.1",
+    "webpack": "^2.2.1"
+  }
+}

src/index.ts

@@ -0,0 +1,9 @@
+export class Calculator {
+    add(a: number, b: number): number {
+        return a + b;
+    }
+
+    multiply(a: number, b: number): number {
+        return a * b;
+    }
+}

test/index.spec.ts

@@ -0,0 +1,12 @@
+import { Calculator } from '../src/index';
+
+describe('[Calculator] example tests', () => {
+    let calculator = new Calculator();
+
+    it('simple calculations', () => {
+        expect(calculator.add(1, 5)).toEqual(6);
+        expect(calculator.multiply(2, 10)).toEqual(20);
+        expect(calculator.multiply(0, 11)).toEqual(0);
+        expect(calculator.multiply(0, -11)).toEqual(-0);
+    });
+});

tsconfig.json

@@ -0,0 +1,8 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "noImplicitAny": false,
+        "sourceMap": false
+    }
+}

webpack.config.js

@@ -0,0 +1,14 @@
+switch (process.env.NODE_ENV) {
+    case 'prod':
+    case 'production':
+        module.exports = require('./config/webpack.prod');
+        break;
+    case 'test':
+    case 'testing':
+        module.exports = require('./config/webpack.test');
+        break;
+    case 'dev':
+    case 'development':
+    default:
+        module.exports = require('./config/webpack.dev');
+}