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
属性。在这个对象中,您可以定义任意脚本到 运行。有一些保留的脚本名称,例如 start
、install
、build
等,但在大多数情况下,这是一个“免费的”,使开发人员能够指定任何运行 的任意脚本。您通常会看到一些常见的脚本来捆绑您的项目或 运行 linter。
package.json
的例子
Webpack 示例:
{
"scripts": {
"build": "webpack --config <your entry file>"
}
}
包裹示例:
{
"scripts": {
"build": "parcel build <your entry file>"
}
}
我可以使用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
属性。在这个对象中,您可以定义任意脚本到 运行。有一些保留的脚本名称,例如 start
、install
、build
等,但在大多数情况下,这是一个“免费的”,使开发人员能够指定任何运行 的任意脚本。您通常会看到一些常见的脚本来捆绑您的项目或 运行 linter。
package.json
的例子Webpack 示例:
{
"scripts": {
"build": "webpack --config <your entry file>"
}
}
包裹示例:
{
"scripts": {
"build": "parcel build <your entry file>"
}
}