npm 运行 dev 和 parcel index.html 之间的区别

Difference between npm run dev and parcel index.html

我可以使用parcel index.html创建本地开发服务器,捆绑和模块热替换。但是我注意到使用 npm 运行 dev 确实有同样的想法,所以我的问题是:

两者有什么区别?以及 npm 运行 dev 如何进行捆绑过程?

NPM 与 Parcel 的比较无效。它们是两个不同的东西。您可以将 Parcel 与 NPM 和 Yarn 一起使用。

Parcel 是一个 Web 应用程序打包器,可与 Webpack

媲美

NPM 是 node 的包管理系统。

npm run * 是一个命令,它将执行在您的 package.json 中指定的任何 npm 脚本,并且对 Parcel 没有排他性。你当然可以制作一个 npm 脚本来执行 Parcel 命令。

如果您进入 package.json 文件,您将看到 scripts 属性。在这个对象中,您可以定义任意脚本到 运行。有一些保留的脚本名称,例如 startinstallbuild 等,但在大多数情况下,这是一个“免费的”,使开发人员能够指定任何运行 的任意脚本。您通常会看到一些常见的脚本来捆绑您的项目或 运行 linter。

package.json

的例子

Webpack 示例:

{
  "scripts": {
    "build": "webpack --config <your entry file>"
  }
}

包裹示例:

{
  "scripts": {
    "build": "parcel build <your entry file>"
  }
}