如何使用webpack部署MERN项目

时间:2017-01-01 16:51:50

标签: javascript node.js reactjs webpack mern

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

我想部署它(生产)我收到错误

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

但我没有在项目中看到dist文件夹,为什么,以及我应该如何构建它?

我相信Dist文件夹应该在构建期间创建(manification等)所以我应该如何触发

这是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"
  }, 

我认为开始:prod应该在webpack中触发它但是 它没有讨厌......任何想法?

1 个答案:

答案 0 :(得分:0)

根据评论和文件:

构建 dist 文件夹可以通过npm run bsnpm run build && npm run build:servernpm run bs执行的内容)完成。

应该通过npm run start:prod(或通过复制 package.json 文件中的命令来完成生产构建:cross-env NODE_ENV=production node index.js