Question

如何设置我的webpack配置以从src文件夹运行webpack-dev-server，而不是dist？我的意思是不仅改变路径，因为那时巴贝尔不工作。现在我遇到的问题是所有内容都是从bundle.js提供的，我无法看到例如哪里出错。这是我的配置文件：

＆＃13;

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
  }
}

＆＃13;

Answer 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

从src服务的webpack 2 dev服务器

1 个答案: