首页 文章

Webpack dev服务器不显示完整的URL

提问于
浏览 次
1

我正在通过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'
  }
];
angularjs angular-ui-router webpack

1 回答

  • 0

    默认情况下，请转到localhost：8080 /以启动您的应用 . 如果你使用的是i-frame模式，那么它将被http://localhost:8080/webpack-dev-server . 如果要通过localhost：8080运行应用程序，请在输出中将publicPath设置为 '/'

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

    并在你的package.json中

    "start":"webpack-dev-server"
    回复于

相关问题