在 Vue.JS SPA 中添加包的正确方法

Proper way to add packages in Vue.JS SPA

我正在做一个 vue-cli/webpack 项目,到目前为止,我一直在使用以下命令添加包:

yarn add <package> --dev

它将它们保存在 devDependencies 下的 package.json 文件中。一切正常,但我的构建时间约为 1 分钟。 (yarn build)

我想知道这是不是正确的方法?我看到一些建议,人们在其中添加 npm i <package> --save,或者只是 npm i <package>

yarnnpm 只是两个具有相同目的的不同包管理器。在内部他们可能有不同的方法,但实际上他们做同样的事情,管理你的包。

要回答您的问题,没有正确的 安装软件包的方法,更多的是个人喜好问题。 npm iyarn add 将在 node_modules 文件夹中安装您想要的包,因此您的应用程序将可以使用。实际上你必须在你的代码中使用它 (require/import) 否则它不会在你的包中结束并且你的包 size/time 不会改变。

选项 --save-dev/-add 是可选的(但推荐)用于在 package.json 中持久化新的依赖项。如果有人使用您项目的全新克隆,他可以 运行 npm iyarn 自动安装您的 package.json

中的所有依赖项