angular - 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 分 :(赏金