Serwer dewelopera Webpack nie wyświetla pełnego adresu URL - angularjs, angular-ui-router, webpack

Uruchamiam swoją aplikację za pośrednictwem serwera webpack-dev-server, ale zamiast pełnego adresu URL np.: http://localhost:8080/welcome Webpack zawsze mi pokazuje http://localhost:8080/webpack-dev-server. Czy są jakieś opcje, aby to zmienić?

To jest moja konfiguracja Webpack:

var loaders = require("./loaders");
var webpack = require("webpack");

module.exports = {
debug: true,
entry: ["./app/main.ts",],
output: {
filename: "./dist/build.js"
},
devtool: "source-map",
resolve: {
root: __dirname,
extensions: ["", ".ts", ".js", ".json"]
},
resolveLoader: {
modulesDirectories: ["node_modules"]
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
"window.jquery": "jquery"
})
],
module: {
loaders: loaders
},
externals: {
"angular": "angular",
"lodash": "_"
}
};

Oto moje ładowarki:

module.exports = [
{
test: /.ts(x?)$/,
loader: "ts-loader"
},
{
test: /.html$/,
loader: "ngtemplate?relativeTo=/src/!html"
},
{
test: /.css$/,
loader: "style-loader!css-loader"
},
{
test: /.less$/,
loader: "style!css!less"
},
{
test: /.woff(2)?(?v=[0-9].[0-9].[0-9])?$/,
loader: "url-loader?limit=10000&mimetype=application/font-woff"
},
{
test: /.(ttf|eot|svg)(?v=[0-9].[0-9].[0-9])?$/,
loader: "file-loader"
},
{
test: ".jpg$",
exclude: /node_modules/,
loader: "file"
},
{
test: ".png$",
exclude: /node_modules/,
loader: "url"
}
];

Odpowiedzi:

Domyślnie przejdź do localhost: 8080 /, aby uruchomić swoją aplikację. Jeśli używasz trybu i-frame, to będzie to możliwe http://localhost:8080/webpack-dev-server. Jeśli chcesz uruchomić swoją aplikację za pośrednictwem localhost: 8080, ustaw opcję publicPath na "/" na wyjściu

output: {
filename: "./dist/build.js",
publicPath:"/"
}

i w twoim package.json

"start":"webpack-dev-server"