webpack构建脚本错误答案

【问题标题】：webpack build script errorwebpack构建脚本错误
【发布时间】：2017-10-11 01:38:32
【问题描述】：

我正在尝试使用 webpack 启动我的本地开发环境并且遇到了这个脚本部分的问题

"scripts": {
    "start": "npm run build",
    "build": "webpack -d && copy /src/index.html /dist/index.html && webpack-dev-server --content-base src/ --inline",
    "build:prod": "webpack -p && copy /src/index.html dist/index.html"
  },

当我在执行 npm start 时，我看到 2 个这样的错误

还有一个 npm run build failed 这些错误的原因是什么？

index.html 存在于提供的地址

我虽然 mb 我错过了我的依赖项，但一切似乎都到位

  "dependencies": {
    "body-parser": "^1.18.2",
    "express": "^4.16.1",
    "oracledb": "^1.13.1",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "socket.io": "^2.0.3"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.9.1"
  }

【问题讨论】：

标签： node.js webpack babeljs

【解决方案1】：

相关错误是：

The syntax of the command is incorrect.

当您链接多个命令时，您通常应该隔离它们并单独测试它们以查看哪个失败，但是因为它就在 webpack 构建输出之后，所以它必须是第二个。

copy /src/index.html /dist/index.html

copy 是一个 Windows 命令，在 Windows 上，命令行选项以 / 开头，而不是像 Unix 上的 -。您正在尝试使用 Unix 样式的路径，这些路径最终被识别为选项。 Windows 上的路径使用\（反斜杠）而不是/（正斜杠）。即使是 Unix，您也不希望以 / 开头的路径，因为这会查找文件系统的根目录，而不是当前目录，并且会因为找不到文件而失败，除非您在文件系统的根目录中巧合地有这样的文件。

命令应该是：

copy src\index.html dist\index.html

这不适用于其他操作系统，它是构建系统中的一个附加步骤。作为替代方案，您可以使用 copy-webpack-plugin 将其集成到 webpack 中，或者在您的特定情况下，您可以让 webpack 使用 html-webpack-plugin 为您生成 index.html。 html-webpack-plugin 的一个优点是它会自动在生成的包中插入<script> 标记（如果您在包名称中使用散列，则特别有用）。这意味着 webpack 将输出您应用程序所需的所有内容，您只需部署 dist 目录即可。作为奖励，它可以很好地与webpack-dev-server 配合使用，因此所有内容都可以保存在内存中，您无需事先生成文件即可使其正常工作。

【讨论】：