103

在此处输入图像描述

我只能在/public.

里面的配置webpack.config.js如下:

var path    = require('path');
var webpack = require('webpack');

module.exports = {

  entry: [
    'webpack-dev-server/client?http://localhost:8080',
    'webpack/hot/only-dev-server',
    './app/js/App.js'
],

  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
    publicPath: 'http://localhost:8080'
  },

  module: {
    loaders: [
      {
        test: /\.js$/,
        loaders: ['react-hot', 'babel-loader'],
        exclude: /node_modules/
      }
     ]
   },

  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ]

};

项目层次结构是:

  • 应用程序

    • js
  • 节点模块

  • 上市

    • css

    • 图像

    捆绑.js

    索引.html

  • 包.json

  • webpack.config.js

我如何修改以确保该http://localhost:8080/条目是针对应用程序本身的?

4

4 回答 4

89

如果您使用的是 webpack 的开发服务器,您可以传入选项以/public用作基本目录。

devServer: {
    publicPath: "/",
    contentBase: "./public",
    hot: true
},

有关更多选项和一般信息,请参阅webpack 配置文档,特别是webpack 开发服务器文档

于 2015-10-28T06:32:33.527 回答
21

您还可以将--content-base标志添加到启动脚本中,例如

    "scripts": {
        "start:dev": "webpack-dev-server --inline --content-base ./public"
    }
于 2016-07-07T00:34:02.957 回答
4

就我而言,我'index.html'在设置HTMLWebpackPlugin. 如果您使用此插件,请仔细检查您的文件名。

var HTMLWebpackPlugin = require('html-webpack-plugin');
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
  template: __dirname + '/app/index.html',
  filename: 'index.html',
  inject: 'body'
});
于 2017-05-20T21:59:18.007 回答
1

我不小心删除了 index.html,然后我只得到了目录列表。

于 2019-02-02T09:29:51.273 回答