从 src 提供的 webpack 2 开发服务器答案

【问题标题】：webpack 2 dev server served from src从 src 提供的 webpack 2 开发服务器
【发布时间】：2017-11-09 06:49:11
【问题描述】：

我应该如何设置我的 webpack 配置以从 src 文件夹而不是 dist 运行 webpack-dev-server？我的意思不仅是改变路径，因为那时 babel 不起作用。现在我有一个问题，所有东西都是从 bundle.js 提供的，例如我看不到哪里有错误。这是我的配置文件：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/dist/'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          path.resolve(__dirname,'src')
        ]
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      }
    ]
  },
  devServer: {
    compress: true,
    port: 8000
  }
}

【问题讨论】：

标签： javascript reactjs webpack webpack-2

【解决方案1】：

您可以指定devserver.contentBase 来定义服务器将从何处提供内容，但除非您尝试提供静态文件，否则这不是必需的。默认是当前工作目录，将从内存而不是output.path 提供。此外，如果您不知道，您的 output.publicPath 正在将内容提供给 localhost:8000/dist/

参考：
https://webpack.js.org/configuration/dev-server/#devserver-contentbase http://webpack.github.io/docs/webpack-dev-server.html

【讨论】：