使用Node后端连接Webpack

时间:2018-05-02 15:28:10

标签: javascript node.js reactjs webpack server

我为本地运行的React App构建了一个运行良好的大纲。我已将代码上传到Github:https://github.com/KingOfCramers/React-App-Boilerplate

我想使用Node和Express(FreeCodeCamp上有一个相关的tutorial)来提供这个React服务器。但是,我在前端使用Webpack,因为我不想使用他们推荐的 let addItemToCart = (req, res) => { let itemId = req.itemId; let item = getItem(itemId); // getting item from ItemModel // checking if its null or not, or present or not let getItem = (itemId) => { let item = null; ItemModel.findOne({ 'itemId': req.params.itemId }, (err, result) => { if (err) { item = null; } else if (result == undefined || result == null || result == "") { item = null; } else { logger.info("item found successfully", "Item controller:cart add item", 5) item = result; } }); return item; } // stuck here, how to add it to CartModel Collection CartModel.populate('items.getItem').exec( ); } 命令。

相反,我使用npm run dev-server在本地运行我的服务器。这是我的React-App Server样板包.json的样子:

I currently boot up my project using npm run dev-server

1 个答案:

答案 0 :(得分:0)

想出怎么做,但仍有疑问。按照我做的顺序执行这些步骤:

  1. 在项目的根目录中添加服务器文件夹,添加一个server.js文件。

  2. 在server.js文件上创建快速服务器。将其设置为使用公共路径。这是我的:

    enter image description here

  3. 以下是我在node app的package.json文件中的脚本:

    "scripts": {
        "serve": "live-server public/",
        "build": "webpack",
        "server": "node server/server.js",
        "dev-server": "webpack-dev-server"
      },
    

    当我运行npm run build时,我将使用Webpack重建我的应用程序。当我想部署它时,我可以运行npm run server,它运行我的node server / serve.js命令。

    这有意义吗?我是否可以使用此设置独立维护服务器端和客户端路由?