Webpack dev serverは完全なURLを表示しません

Question

私はwebpack-dev-server経由でアプリケーションを起動します。例えば、http://localhost:8080/welcome webpackは常にhttp://localhost:8080/webpack-dev-serverと表示されます。それを変更するオプションはありますか？

これは私のWebPACKの設定です：デフォルトで

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' 
    } 
]; 

Answer 1

がローカルホストに移動します：8080 /にアプリを起動するための

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': '_' 
    } 
}; 

これらは私のローダーです。 i-frameモードを使用している場合はhttp://localhost:8080/webpack-dev-serverになります。あなたがローカルホストを通して、あなたのアプリケーションを実行する場合：8080その後、

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

とあなたのpackage.jsonに

"start":"webpack-dev-server"