Настройка webpack-dev-server --inline --hot для Angular 2
Всем доброго времени суток. Пишу тестовое приложение а на старте возникла проблема. Суть её в том, что не могу запустить 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> |
Ну что же. Отвечу сам на свой вопрос. Может кому то в будущем пригодится. Проблема заключалась в том, что нужно было добавить пару плагинов для того, что бы webpack-dev-server подгружал index.html и для порядка загрузки скриптов.
Вот собственно кусочек кода который решает проблему. new webpack.optimize.CommonsChunkPlugin({ name: ['main', 'polyfills'] }), new HtmlWebpackPlugin({ template: 'index.html' }) |
Часовой пояс GMT +3, время: 19:25. |