Webpack開發服務器不顯示完整的網址

Question

我通過webpack-dev-server啓動我的應用程序，但不是完整的URL，例如：http://localhost:8080/welcome webpack總是告訴我http://localhost:8080/webpack-dev-server。有沒有什麼方法可以改變它？

這是我的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': '_' 
    } 
}; 

這些都是我的裝載機：

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

默認情況下，去爲localhost：8080 /來啓動你的應用程序。如果您使用的是i-frame模式，那麼它將達到http://localhost:8080/webpack-dev-server。如果你想運行通過本地主機您的應用程序：在輸出

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

，並在您的package.json

"start":"webpack-dev-server"