diff --git a/packages/cycle-scripts/configs/javascript/webpack.config.dev.js b/packages/cycle-scripts/configs/javascript/webpack.config.dev.js
deleted file mode 100644
index cadd88a..0000000
--- a/packages/cycle-scripts/configs/javascript/webpack.config.dev.js
+++ /dev/null
@@ -1,103 +0,0 @@
-'use strict'
-
-// Silence webpack2 deprecation warnings
-// https://github.com/vuejs/vue-loader/issues/666
-process.noDeprecation = true
-
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const path = require('path')
-const webpack = require('webpack')
-
-// Paths to be used for webpack configuration
-const paths = {
-  appSrc: path.join(process.cwd(), 'src'),
-  appIndex: path.join(process.cwd(), 'src', 'index.js'),
-  appBuild: path.join(process.cwd(), 'build'),
-  public: '/'
-}
-
-module.exports = {
-  entry: {
-    main: [
-      // Include an alternative client for WebpackDevServer. A client's job is to
-      // connect to WebpackDevServer by a socket and get notified about changes.
-      // When you save a file, the client will either apply hot updates (in case
-      // of CSS changes), or refresh the page (in case of JS changes). When you
-      // make a syntax error, this client will display a syntax error overlay.
-      // Note: instead of the default WebpackDevServer client, we use a custom one
-      // to bring better experience from Create React App users. You can replace
-      // the line below with these two lines if you prefer the stock client:
-      // require.resolve('webpack-dev-server/client') + '?/',
-      // require.resolve('webpack/hot/dev-server'),
-      require.resolve('react-dev-utils/webpackHotDevClient'),
-      // Your app's code
-      paths.appIndex
-    ]
-  },
-  output: {
-    // This does not produce a real file. It's just the virtual path that is
-    // served by WebpackDevServer in development. This is the JS bundle
-    // containing code from all our entry points, and the Webpack runtime.
-    filename: 'static/js/bundle.js',
-    // Not used in dev but WebpackDevServer crashes without it:
-    path: paths.appBuild,
-    // The URL that app is served from. We use "/" in development.
-    publicPath: paths.public
-  },
-  module: {
-    rules: [
-      {
-        // We use babel-loader to transipile every .js or .jsx file
-        test: /\.jsx?$/,
-        loader: 'babel-loader',
-        // Including over excluding as a whitelist is easier to maintain than a blacklist.
-        // as per http://stackoverflow.com/questions/31675025/how-to-exclude-nested-node-module-folders-from-a-loader-in-webpack
-        include: paths.appSrc,
-        options: {
-          // This is a feature of `babel-loader` for webpack (not Babel itself).
-          // It enables caching results in ./node_modules/.cache/babel-loader/
-          // directory for faster rebuilds.
-          cacheDirectory: true,
-          // Instead of relying on a babelrc file to configure babel (or in package.json configs)
-          // We speficy here which presets to use. In the future this could be moved to it's own
-          // package as create-react-app does with their 'babel-preset-react-app module
-          babelrc: false,
-          presets: [
-            [ 'env', {
-              'targets': {
-                'browsers': ['last 2 versions']
-              }
-            }]
-          ],
-          plugins: [
-            // https://cycle.js.org/getting-started.html#getting-started-coding-consider-jsx
-            // This allow us to use JSX to create virtual dom elements instead of Snabbdom helpers like div(), input(), ..
-            ['transform-react-jsx', { pragma: 'Snabbdom.createElement' }],
-            // Allow Babel to transform rest properties for object destructuring assignment and spread properties for object literals.
-            ['transform-object-rest-spread']
-          ]
-        }
-      }
-    ]
-  },
-  plugins: [
-    // This is necessary to emit hot updates (currently CSS only):
-    new webpack.HotModuleReplacementPlugin(),
-    // Generates an `index.html` file with the <script> injected.
-    new HtmlWebpackPlugin({
-      template: 'public/index.html',
-      inject: true,
-      favicon: 'public/favicon.png',
-      hash: true
-    }),
-    // Makes environment variables available to the JS code, fallback to 'development'
-    new webpack.DefinePlugin({
-      DEVELOPMENT: JSON.stringify(process.env.NODE_ENV === 'development')
-    }),
-    // To be used for JSX support
-    new webpack.ProvidePlugin({
-      Snabbdom: 'snabbdom-pragma'
-    })
-  ],
-  devtool: 'inline-source-map'
-}
diff --git a/packages/cycle-scripts/configs/javascript/webpack.config.prod.js b/packages/cycle-scripts/configs/javascript/webpack.config.prod.js
deleted file mode 100644
index 31a0c1f..0000000
--- a/packages/cycle-scripts/configs/javascript/webpack.config.prod.js
+++ /dev/null
@@ -1,92 +0,0 @@
-'use strict'
-
-// Silence webpack2 deprecation warnings
-// https://github.com/vuejs/vue-loader/issues/666
-process.noDeprecation = true
-
-const path = require('path')
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const webpack = require('webpack')
-
-// Paths to be used for webpack configuration
-const paths = {
-  appSrc: path.join(process.cwd(), 'src'),
-  appIndex: path.join(process.cwd(), 'src', 'index.js'),
-  appBuild: path.join(process.cwd(), 'build'),
-  public: '/'
-}
-
-module.exports = {
-  entry: {
-    main: [
-      // Your app's code
-      paths.appIndex
-    ]
-  },
-  output: {
-    // This is the productin JS bundle containing code from all our entry points.
-    filename: 'bundle.js',
-    // The output path where webpack will write the bundle
-    path: paths.appBuild
-  },
-  module: {
-    rules: [
-      {
-        // We use babel-loader to transipile every .js or .jsx file
-        test: /\.jsx?$/,
-        loader: 'babel-loader',
-        // Including over excluding as a whitelist is easier to maintain than a blacklist.
-        // as per http://stackoverflow.com/questions/31675025/how-to-exclude-nested-node-module-folders-from-a-loader-in-webpack
-        include: paths.appSrc,
-        options: {
-          // This is a feature of `babel-loader` for webpack (not Babel itself).
-          // It enables caching results in ./node_modules/.cache/babel-loader/
-          // directory for faster rebuilds.
-          cacheDirectory: true,
-          // Instead of relying on a babelrc file to configure babel (or in package.json configs)
-          // We speficy here which presets to use. In the future this could be moved to it's own
-          // package as create-react-app does with their 'babel-preset-react-app module.
-          // As uglify doesn't support es6 code yet, the uglify param will tell babel plugin to transpile to es5
-          // in order for the output to be uglified.
-          presets: [
-            [ 'env', {
-              'targets': {
-                'browsers': ['last 2 versions'],
-                uglify: true
-              }
-            }]
-          ],
-          plugins: [
-            // https://cycle.js.org/getting-started.html#getting-started-coding-consider-jsx
-            // This allow us to use JSX to create virtual dom elements instead of Snabbdom helpers like div(), input(), ..
-            ['transform-react-jsx', { pragma: 'Snabbdom.createElement' }],
-            // Allow Babel to transform rest properties for object destructuring assignment and spread properties for object literals.
-            ['transform-object-rest-spread']
-          ]
-        }
-      }
-    ]
-  },
-  plugins: [
-    // Generates an `index.html` file with the <script> injected.
-    new HtmlWebpackPlugin({
-      template: 'public/index.html',
-      inject: true,
-      favicon: 'public/favicon.png',
-      hash: true
-    }),
-    // Makes environment variables available to the JS code, fallback to 'production'
-    new webpack.DefinePlugin({
-      PRODUCTION: JSON.stringify(process.env.NODE_ENV === 'production')
-    }),
-    // To be used for JSX support
-    new webpack.ProvidePlugin({
-      Snabbdom: 'snabbdom-pragma'
-    }),
-    // Uglify plugin, depending on the devtool options, Source Maps are generated.
-    new webpack.optimize.UglifyJsPlugin({
-      sourceMap: this.devtool && this.devtool.indexOf('source-map') >= 0
-    })
-  ],
-  devtool: 'cheap-module-source-map'
-}
diff --git a/packages/cycle-scripts/configs/tsconfig.json b/packages/cycle-scripts/configs/tsconfig.json
new file mode 100644
index 0000000..2b4e47b
--- /dev/null
+++ b/packages/cycle-scripts/configs/tsconfig.json
@@ -0,0 +1,14 @@
+{
+    "compileOnSave": false,
+    "compilerOptions":
+    {
+        "module": "ES6",
+        "moduleResolution": "node",
+        "sourceMap": true,
+        "jsx" : "preserve",
+        "target": "ES6"
+    },
+    "exclude": [
+        "node_modules"
+    ]
+}
diff --git a/packages/cycle-scripts/configs/webpack.config.template.js b/packages/cycle-scripts/configs/webpack.config.template.js
new file mode 100644
index 0000000..23b3fa7
--- /dev/null
+++ b/packages/cycle-scripts/configs/webpack.config.template.js
@@ -0,0 +1,83 @@
+module.exports = (language, ejected = false) => `'use strict'
+// Silence webpack2 deprecation warnings
+// https://github.com/vuejs/vue-loader/issues/666
+process.noDeprecation = true
+const webpack2Block = require('@webpack-blocks/webpack2');
+const createConfig = webpack2Block.createConfig
+const defineConstants = webpack2Block.defineConstants
+const env = webpack2Block.env
+const entryPoint = webpack2Block.entryPoint
+const setOutput = webpack2Block.setOutput
+const sourceMaps = webpack2Block.sourceMaps
+const addPlugins = webpack2Block.addPlugins
+const babel = require('@webpack-blocks/babel6');
+const devServer = require('@webpack-blocks/dev-server2');
+${language === 'javascript' ? '' : `const typescript = require('@webpack-blocks/typescript');
+`}const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const path = require('path');
+const babelConfig = {
+  // Instead of relying on a babelrc file to configure babel (or in package.json configs)
+  // We speficy here which presets to use. In the future this could be moved to it's own
+  // package as create-react-app does with their 'babel-preset-react-app module.
+  // As uglify doesn't support es6 code yet, the uglify param will tell babel plugin to transpile to es5
+  // in order for the output to be uglified.
+  presets: [
+    [ 'env', {
+      'targets': {
+        'browsers': ['last 2 versions'],
+        uglify: true
+      }
+    }]
+  ],
+  plugins: [
+    // https://cycle.js.org/getting-started.html#getting-started-coding-consider-jsx
+    // This allow us to use JSX to create virtual dom elements instead of Snabbdom helpers like div(), input(), ..
+    ['transform-react-jsx', { pragma: 'Snabbdom.createElement' }],
+    // Allow Babel to transform rest properties for object destructuring assignment and spread properties for object literals.
+    ['transform-object-rest-spread']
+  ]
+}
+const config = [
+  entryPoint(path.join(process.cwd(), 'src', 'index.${language === 'javascript' ? 'js' : 'ts' }')),
+  setOutput(path.join(process.cwd(), 'build', 'bundle.[hash].js')),
+  babel(Object.assign({}, babelConfig, { cacheDirectory: true })),
+  defineConstants({
+    'process.env.NODE_ENV': process.env.NODE_ENV
+  }),
+  addPlugins([
+    new HtmlWebpackPlugin({
+      template: 'public/index.html',
+      inject: true,
+      favicon: 'public/favicon.png',
+      hash: true
+    }),
+    new webpack.ProvidePlugin({
+      Snabbdom: 'snabbdom-pragma'
+    })
+  ]),
+  env('development', [
+    devServer({}, require.resolve('react-dev-utils/webpackHotDevClient')),
+    sourceMaps() //The default is cheap-module-source-map
+  ]),
+  env('production', [
+    addPlugins([
+      new webpack.optimize.UglifyJsPlugin(),
+      new CopyWebpackPlugin([{ from: 'public', to: '' }]),
+      new CleanWebpackPlugin([ path.join(process.cwd(), 'build') ], {
+        root: process.cwd()
+      })
+    ])
+  ])${language === 'javascript' ? '' : `,
+  typescript({${ !ejected ? `
+    configFileName:path.join(__dirname, '..', 'configs', 'tsconfig.json'),` : '' }
+    useBabel: true,
+    babelOptions: babelConfig,
+    useCache: true,
+    cacheDirectory: 'node_modules/.cache/at-loader'
+  })` }
+]
+module.exports = createConfig(config)
+`
diff --git a/packages/cycle-scripts/configs/webpackDevServer.config.js b/packages/cycle-scripts/configs/webpackDevServer.config.js
deleted file mode 100644
index 202ca18..0000000
--- a/packages/cycle-scripts/configs/webpackDevServer.config.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * BSD License
- * For create-react-app software
- *
- * Copyright (c) 2016-present, Facebook, Inc. All rights reserved.
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this
- * list of conditions and the following disclaimer.
- *
- * Redistributions in binary form must reproduce the above copyright notice,
- * this list of conditions and the following disclaimer in the documentation
- * and/or other materials provided with the distribution.
- *
- * Neither the name Facebook nor the names of its contributors may be used to
- * endorse or promote products derived from this software without specific
- * prior written permission.
- *
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
- * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
- * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
- * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
- * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
- * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-
-'use strict'
-
-const fs = require('fs')
-const path = require('path')
-
-const protocol = process.env.HTTPS === 'true' ? 'https' : 'http'
-const host = process.env.HOST || 'localhost'
-
-const appDirectory = fs.realpathSync(process.cwd())
-function resolveApp (relativePath) {
-  return path.resolve(appDirectory, relativePath)
-}
-
-module.exports = {
-  port: 8000, // tofix
-  // Enable gzip compression of generated files.
-  compress: true,
-  // Silence WebpackDevServer's own logs since they're generally not useful.
-  // It will still show compile warnings and errors with this setting.
-  clientLogLevel: 'none',
-  // By default WebpackDevServer serves physical files from current directory
-  // in addition to all the virtual build products that it serves from memory.
-  // This is confusing because those files won’t automatically be available in
-  // production build folder unless we copy them. However, copying the whole
-  // project directory is dangerous because we may expose sensitive files.
-  // Instead, we establish a convention that only files in `public` directory
-  // get served. Our build script will copy `public` into the `build` folder.
-  // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
-  // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-  // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
-  // Note that we only recommend to use `public` folder as an escape hatch
-  // for files like `favicon.ico`, `manifest.json`, and libraries that are
-  // for some reason broken when imported through Webpack. If you just want to
-  // use an image, put it in `src` and `import` it from JavaScript instead.
-  contentBase: resolveApp('public'),
-  // By default files from `contentBase` will not trigger a page reload.
-  watchContentBase: true,
-  // Enable hot reloading server. It will provide /sockjs-node/ endpoint
-  // for the WebpackDevServer client so it can learn when the files were
-  // updated. The WebpackDevServer client is included as an entry point
-  // in the Webpack development configuration. Note that only changes
-  // to CSS are currently hot reloaded. JS changes will refresh the browser.
-  hot: true,
-  // It is important to tell WebpackDevServer to use the same "root" path
-  // as we specified in the config. In development, we always serve from /.
-  publicPath: '/',
-  // WebpackDevServer is noisy by default so we emit custom message instead
-  // by listening to the compiler events with `compiler.plugin` calls above.
-  quiet: true,
-  // Reportedly, this avoids CPU overload on some systems.
-  // https://github.com/facebookincubator/create-react-app/issues/293
-  watchOptions: {
-    ignored: /node_modules/
-  },
-  // Enable HTTPS if the HTTPS environment variable is set to 'true'
-  https: protocol === 'https',
-  host: host,
-  overlay: false
-}
diff --git a/packages/cycle-scripts/index.js b/packages/cycle-scripts/index.js
old mode 100644
new mode 100755
diff --git a/packages/cycle-scripts/package.json b/packages/cycle-scripts/package.json
index 3284c95..3abaf4e 100644
--- a/packages/cycle-scripts/package.json
+++ b/packages/cycle-scripts/package.json
@@ -30,12 +30,16 @@
     "cycle-scripts": "./index.js"
   },
   "dependencies": {
-    "babel-core": "^6.24.1",
-    "babel-loader": "^6.4.1",
+    "@webpack-blocks/babel6": "^0.4.1",
+    "@webpack-blocks/dev-server2": "^0.4.0",
+    "@webpack-blocks/typescript": "^0.4.1",
+    "@webpack-blocks/webpack2": "^0.4.0",
     "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-plugin-transform-react-jsx": "^6.24.1",
     "babel-preset-env": "^1.3.3",
     "chalk": "^1.1.3",
+    "clean-webpack-plugin": "^0.1.16",
+    "copy-webpack-plugin": "^4.0.1",
     "cross-spawn": "^5.1.0",
     "fs-extra": "^2.1.2",
     "html-webpack-plugin": "^2.28.0",
diff --git a/packages/cycle-scripts/scripts/build.js b/packages/cycle-scripts/scripts/build.js
index 4cf2c1d..c0ff4e1 100644
--- a/packages/cycle-scripts/scripts/build.js
+++ b/packages/cycle-scripts/scripts/build.js
@@ -47,22 +47,11 @@ const FileSizeReporter = require('react-dev-utils/FileSizeReporter')
 const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild
 const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild
 
-const config = require(path.join(
-  '../configs/',
-  notEjected
-  ? notEjected.language
-  : '',
-  'webpack.config.prod')
-)
+const config = notEjected ? eval(require('../configs/webpack.config.template')(notEjected.language)) : require(path.join(process.cwd(), 'webpack.config.js'))
 
 measureFileSizesBeforeBuild(buildPath).then(previousFileSizes => {
-  // Remove all content but keep the directory so that
-  // if you're in it, you don't end up in Trash
-  fs.emptyDirSync(buildPath)
   // Start the webpack build
   build(previousFileSizes)
-  // Merge with the public folder
-  copyPublicFolder()
 })
 
 // Print out errors
@@ -75,14 +64,6 @@ function printErrors (summary, errors) {
   })
 }
 
-// Merge with the public folder
-function copyPublicFolder () {
-  fs.copySync(publicPath, buildPath, {
-    dereference: true
-    // filter: file => file !== resolveApp('public/index.html'),
-  })
-}
-
 // Create the production build and print the deployment instructions.
 function build (previousFileSizes) {
   console.log('Creating an optimized production build...')
diff --git a/packages/cycle-scripts/scripts/eject.js b/packages/cycle-scripts/scripts/eject.js
index c699de7..4490807 100644
--- a/packages/cycle-scripts/scripts/eject.js
+++ b/packages/cycle-scripts/scripts/eject.js
@@ -33,6 +33,7 @@ inquirer.prompt([ejectConfirmation]).then(answers => {
     test: 'node scripts/test.js',
     build: 'node scripts/build.js'
   }
+  const language = appPackageJson.cca.language
   // Remove flavor from devpendencies
   delete appPackageJson.devDependencies[flavorPackageJson.name]
   // Remove cca settings
@@ -74,8 +75,11 @@ inquirer.prompt([ejectConfirmation]).then(answers => {
   fs.copySync(path.join(__dirname, 'utils'), path.join(appScriptsPath, 'utils'))
 
   // STEP 4 - Copy configs
-  fs.copySync(path.join(__dirname, '../', 'configs', language), path.join(appPath, 'configs'))
-  fs.copySync(path.join(__dirname, '../', 'configs', 'webpackDevServer.config.js'), path.join(appPath, 'configs', 'webpackDevServer.config.js'))
+  const configString = require(path.join(__dirname, '..', 'configs', 'webpack.config.template.js'))(language)
+  fs.writeFileSync(path.join(appPath, 'webpack.config.js'), configString)
+  if(language === 'typescript') {
+    fs.copySync(path.join(__dirname, '../', 'configs', 'tsconfig.json'), path.join(appPath, 'tsconfig.json'))
+  }
 
   // TODO sucess message
 })
diff --git a/packages/cycle-scripts/scripts/start.js b/packages/cycle-scripts/scripts/start.js
index c5043ff..0f54b07 100644
--- a/packages/cycle-scripts/scripts/start.js
+++ b/packages/cycle-scripts/scripts/start.js
@@ -32,28 +32,22 @@
 
 'use strict'
 
+process.env.NODE_ENV = 'development'
+
 const WebpackDevServer = require('webpack-dev-server')
 const chalk = require('chalk')
 const path = require('path')
 
-const devServerConfig = require('../configs/webpackDevServer.config')
 const createWebpackCompiler = require('./utils/createWebpackCompiler')
 const openBrowser = require('react-dev-utils/openBrowser')
 const notEjected = require(path.join(process.cwd(), 'package.json')).cca
 
-const config = require(path.join(
-  '../configs/',
-  notEjected
-    ? notEjected.language
-    : '',
-  'webpack.config.dev')
-)
-process.env.NODE_ENV = 'development'
+const config = notEjected ? eval(require('../configs/webpack.config.template')(notEjected.language)) : require(path.join(process.cwd(), 'webpack.config.js'))
 
 const cli = 'npm'
-const protocol = devServerConfig.https ? 'https' : 'http'
-const host = devServerConfig.host
-const port = devServerConfig.port
+const protocol = 'http'
+const host = 'localhost'
+const port = 8080
 
 function run (port) {
   const compiler = createWebpackCompiler(
@@ -75,7 +69,7 @@ function run (port) {
     }
   )
 
-  const devServer = new WebpackDevServer(compiler, devServerConfig)
+  const devServer = new WebpackDevServer(compiler)
 
   devServer.listen(port, err => {
     if (err) {
diff --git a/packages/cycle-scripts/template/src/typescript/interfaces.ts b/packages/cycle-scripts/template/src/typescript/interfaces.ts
index bb30391..65998d5 100644
--- a/packages/cycle-scripts/template/src/typescript/interfaces.ts
+++ b/packages/cycle-scripts/template/src/typescript/interfaces.ts
@@ -1,4 +1,5 @@
 module.exports = replacements => `${replacements.import}
+${replacements.typeImport}
 import {DOMSource, VNode} from '@cycle/dom'
 
 export type Sources = {