Javascript 如何将webpack配置为"；服侍；现有开发站点？

事实上，我不知道谷歌应该做什么，因为我不知道这个术语，也不知道这个过程叫什么

所以基本上，我有一个开发网站：

http://mylocalwebdev.test

是用CodeIgniter编写的，我正在尝试创建一个页面

http://mylocalwebdev.test/image-switcher-demo

将使用React开发哪个前端。（这基本上是我对React和webpack的实践）

因此，我已经创建了我的webpack配置，它可以生成

bundle.js

，现在我想使用

webpack dev server

进行实时开发。 现在，我不知道在我的配置路径中的

config->output->publicPath

中应该放什么：

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

var DIST_DIR = path.resolve(__dirname, "dist");
var SRC_DIR = path.resolve(__dirname, "src");

var config = {
    entry: SRC_DIR + "/index.js",
    output: {
        path: DIST_DIR,
        filename: "bundle.js",
        publicPath: "/app/"
    },
    module: {
        rules: [
            {
                test: /\.js?/,
                include: SRC_DIR,
                loader: "babel-loader",
                query: {
                    presets: ["react", "es2015", "stage-2"]
                }
            }
        ]
    }
};

module.exports = config;

有人能帮忙吗？这个过程叫什么

---

关于，

输出仅用于捆绑过程（因此您可以部署代码），webpack dev server通过内存文件提供内容，您只需使用以下对象进行设置：

devServer: {
    contentBase: publicPath,
    compress: true,
    hot: true,
    historyApiFallback: true,
    port: 8080
}

签出此链接以获取更多选项：