Webpack-dev-server服务于不同于webpack输出的文件夹

时间:2016-03-30 10:28:10

标签: webpack webpack-dev-server

这是我的webpack.config.js

var path = require('path');
module.exports = {
  entry: './src/index.jsx',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.js'
  },
  devServer: {
    inline: true,
    port: 8080
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  }
}

这就是我运行它的方式:

$ webpack-dev-server --watch-poll --progress --colors
$ webpack --progress --colors

我遇到的问题是webpack-dev-server正在为我的文件夹根目录(不在build)文件夹中的捆绑文件提供服务。但webpack将捆绑文件输出到build/(我的期望)。

所以当我进行构建时,我必须更改脚本scr

有办法解决这个问题吗?也许只是我的webpack.config.js上的错误配置。

我正在运行ubuntu BTW。

1 个答案:

答案 0 :(得分:14)

publicPath告诉webpack-dev-server在内存中提供bundle的位置

output: {
   path: path.resolve(__dirname, 'build'),
   filename: 'bundle.js',
   publicPath: '/build/'
}