webpack：整个项目结构显示在 localhost:8080 而不是组件模板

Question

（提供了图片）所以我一直在关注 webpack 上的教程，我遵循了说明，但是当我访问端口 8080 时，我看到的是这个而不是组件模板，我使用的是 webpack-dev-server

这是webpack.config.js

var webpack = require("webpack");
var htmlwebpack = require('html-webpack-plugin');

//consfiguring object
module.exports = {
entry : "./src/main.ts",
output : {
    path : "./dist",
    filename : "app.bundle.js"

},

//out first module for ts
module : {
loaders : [
    {test : /\.ts$/, loader : 'ts'}
]
},

//what extension should be look for
resolve : {
extensions : ['', '.ts','.js']
},

Plugin :[
new htmlwebpack({
    template : './src/index.html'
})
]
}

Answer 1

服务器查找 dist 文件夹中的 index.html，这就是为什么我显示了整个结构，发现非常合乎逻辑，从 dist 移动 index.html（默认为 html-webpack-plugin) 失去了我的 50 分 :( 为了赏金

webpack：整个项目结构显示在 localhost:8080 而不是组件模板

webpack: whole project structure shown on localhost:8080 instead of component template

webpack

webpack-dev-server

angular2-template

html-webpack-plugin

angular