如何使用webpack部署MERN项目

Question

我使用以下使用webpack的项目 https://github.com/Hashnode/mern-starter

我想部署它（到产品）我收到错误

错误：找不到模块'./dist/manifest.json' 此错误来自 https://github.com/Hashnode/mern-starter/blob/master/index.js

但我在项目中没有看到dist文件夹，为什么，我应该如何建立它？

我认为应该在构建时创建 Dist 文件夹（修改等）那么我应该如何触发它？

这是package.json

{
  "name": "mern-starter",
  "version": "2.0.0",
  "description": "Boilerplate project for building Isomorphic apps using React and Redux",
  "scripts": {
    "test": "cross-env NODE_ENV=test PORT=8080 MONGO_URL=mongodb://localhost:27017/mern-test node_modules/.bin/nyc node --harmony-proxies node_modules/.bin/ava",
    "watch:test": "npm run test -- --watch",
    "cover": "nyc npm run test",
    "check-coverage": "nyc check-coverage --statements 100 --branches 100 --functions 100 --lines 100",
    "start": "cross-env BABEL_DISABLE_CACHE=1 NODE_ENV=development nodemon index.js",
    "start:prod": "cross-env NODE_ENV=production node index.js",
    "bs": "npm run clean && npm run build && npm run build:server && npm run start:prod",
    "build": "cross-env NODE_ENV=production webpack --config webpack.config.prod.js",
    "build:server": "cross-env NODE_ENV=production webpack --config webpack.config.server.js",
    "clean": "rimraf dist",
    "slate": "rimraf node_modules && npm install",
    "lint": "eslint client server"
  },

我认为 start:prod 应该在 webpack 中触发它但是它不快乐......有什么想法吗？

Answer 1

根据评论和文档：

构建 dist 文件夹是通过 npm run bs 或 npm run build && npm run build:server（npm run bs 执行的）完成的。

应通过 npm run start:prod 开始生产构建（或从 package.json 文件中复制命令：cross-env NODE_ENV=production node index.js）

如何使用webpack部署MERN项目

How to deploy MERN project using webpack

javascript

node.js

reactjs

webpack

mern