Uplift npm packages

* Remove phantomjs

Author: ducksoupdev

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change log
 
+## [v0.8.0] (2017-08-24)
+
+**Features**
+
+* Uplift npm packages - Vue 2.4, Webpack 3.5, Typescript 2.4
+* Remove PhantomJS
+
 ## [v0.7.1] (2017-06-30)
 
 **Fixes**
@@ -94,6 +101,7 @@
 [#3]: https://github.com/ducksoupdev/vue-webpack-typescript/pull/3
 [#2]: https://github.com/ducksoupdev/vue-webpack-typescript/pull/2
 [#1]: https://github.com/ducksoupdev/vue-webpack-typescript/pull/1
+[v0.8.0]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v0.7.1...v0.8.0
 [v0.7.1]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v0.7.0...v0.7.1
 [v0.7.0]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v0.6.0...v0.7.0
 [v0.6.0]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v0.5.1...v0.6.0

README.md

@@ -1,8 +1,8 @@
 # webpack-typescript
 
-> A Vue 2.2 Webpack and Typescript setup with hot reload, unit testing, code coverage, sass and bundling/minification.
+> A Vue, Webpack and Typescript setup with hot reload, unit testing, code coverage, sass and bundling/minification.
 
-> This template is for Vue 2.2
+> This template is for Vue 2.4. See the [changelog](CHANGELOG.md) for updates.
 
 ### Usage
 
@@ -18,7 +18,7 @@ $ npm run dev
 
 ### What's Included
 
-- `npm run dev`: Webpack + Typescript with proper config for source maps & hot-reload.
+- `npm run dev`: Webpack + Typescript with config for source maps & hot-reload
 - `npm test`: Mocha unit tests
 - `npm run test:debug`: Debug Mocha unit tests in Chrome
 - `npm run test:watch`: Fast feedback Mocha unit tests with hot-reload

template/config/webpack.config.coverage.js

@@ -1,5 +1,6 @@
 const webpackConfig = require("./webpack.config.base")
   DefinePlugin = require('webpack/lib/DefinePlugin'),
+  SourceMapDevToolPlugin = require('webpack/lib/SourceMapDevToolPlugin'),
   env = require('../environment/dev.env');
 
 webpackConfig.module.rules[1].query = {
@@ -24,12 +25,16 @@ webpackConfig.module.rules = [...webpackConfig.module.rules,
   }
 ];
 
-webpackConfig.devtool = "inline-source-map";
-
 webpackConfig.plugins = [...webpackConfig.plugins,
+  new SourceMapDevToolPlugin({
+    filename: null, // if no value is provided the sourcemap is inlined
+    test: /\.(ts|js)($|\?)/i
+  }),
   new DefinePlugin({
     'process.env': env
   })
 ];
 
+webpackConfig.devtool = "inline-source-map";
+
 module.exports = webpackConfig;

template/config/webpack.config.test.js

@@ -1,6 +1,7 @@
 var webpack = require('webpack'),
     webpackConfig = require('./webpack.config.base'),
     DefinePlugin = require('webpack/lib/DefinePlugin'),
+    SourceMapDevToolPlugin = require('webpack/lib/SourceMapDevToolPlugin'),
     env = require('../environment/dev.env');
 
 webpackConfig.module.rules = [{
@@ -22,7 +23,7 @@ webpackConfig.module.rules = [{
 ];
 
 webpackConfig.plugins = [...webpackConfig.plugins,
-  new webpack.SourceMapDevToolPlugin({
+  new SourceMapDevToolPlugin({
     filename: null, // if no value is provided the sourcemap is inlined
     test: /\.(ts|js)($|\?)/i
   }),

template/karma.coverage.js

@@ -30,11 +30,7 @@ module.exports = function (config) {
     preprocessors: {
       'src/test.ts': ['webpack']
     },
-    webpack: {
-      devtool: 'inline-source-map',
-      resolve: webpackConfig.resolve,
-      module: webpackConfig.module
-    },
+    webpack: webpackConfig,
     webpackServer: {
       noInfo: true
     },
@@ -52,7 +48,10 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: false,
-    browsers: ['PhantomJS'],
+    browsers: ['Chrome'],
+    mime: {
+      'text/x-typescript': ['ts']
+    },
     singleRun: true,
     concurrency: Infinity
   });