KnockoutJS HMR - Medium - 1

hello.js

export const template = 'Hello, World!'

index.js

import * as ko from 'knockout'
import * as helloWorldComponent from './hello-world'

document.body.appendChild(document.createElement('hello-world'))

ko.components.register('hello-world', helloWorldComponent)

ko.applyBindings()

package.json

{
  "dependencies": {
    "knockout": "^3.5.0-beta",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.11.1"
  },
  "scripts": {
    "start": "webpack-dev-server"
  },
  "devDependencies": {
    "html-webpack-plugin": "^2.30.1"
  }
}

webpack.config.js

'use strict'

const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  context: __dirname,
  entry: './index.js',
  output: './bundle.js',
  plugins: [
    new HtmlWebpackPlugin()
  ]
}