如何配置webpack到"服务"现有开发网站?

时间:2018-04-04 07:51:40

标签: javascript reactjs 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;

有人可以帮忙吗?你怎么称呼这个过程?

此致

1 个答案:

答案 0 :(得分:1)

输出仅用于捆绑过程(因此您可以部署代码),webpack-dev-server通过内存文件提供内容,您只需要使用此对象进行设置:

public class TestService extends Service {

    @Override
    public void onCreate(){
        super.onCreate();
    }

    @Override
    public void onDestroy(){
        super.onDestroy();
    }

    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }

    @Override
    public boolean onUnbind(Intent intent) {
        return true;
    }

    @Override
    public void onRebind(Intent arg0){
    }
}

查看此链接以获取更多选项:https://webpack.js.org/configuration/dev-server/