Всем доброго времени суток. Пишу тестовое приложение а на старте возникла проблема. Суть её в том, что не могу запустить webpack-dev-server с возможностью Hot Replacement. Запускаю приложение и ничего не происходит. Когда вместе в webpack-dev-server запускаю webpack, то всё гуд. Сервак поднимается и работает лишь потому, что у меня в хеде стоит загрузка моих js файлов. Но ведь с webpack-dev-server их прописывать в хеде не нужно. Так ведь? Webpack-dev-server их вообще не создаёт физически. Подскажите, кто знает.
Заранее благодарен.
Пример кода.
webpack.config.js
var webpack = require('webpack');
module.exports = {
context: __dirname + "/ts",
entry: {
'main':'./home.ts',
'polyfils':'./polyfils.ts'
},
output: {
path: __dirname + "/",
publicPath: 'http://localhost/',
filename: "js/[name].js",
chunkFilename: '[id].chunk.js'
},
module: {
rules: [
{
test: /\.ts$/,
loaders: ['awesome-typescript-loader?', 'angular2-template-loader', '@angularclass/hmr-loader'],
exclude: [/node_modules/]
},
{
test: /\.html$/,
loader: 'raw-loader'
}
]
},
resolve: {
extensions: [".ts", ".js"]
},
devtool: "cheap-module-eval-source-map",
watch: true,
devServer: {
port: 80,
proxy: [
{
context: ['/api'],
target: 'http://localhost:8080/',
secure: false,
pathRewrite: {'^/api': ''}
},
{
context: ['/components'],
target: 'http://localhost:80/ts',
secure: false
}
]
}
}
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home Page Title</title>
<base href="/">
</head>
<body>
<my-app>
Loading...
</my-app>
</body>
</html>