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

时间:2017-10-05 09:50:35

标签: webpack vue.js npm-install yarnpkg vue-cli

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

yarn add <package> --dev

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

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

1 个答案:

答案 0 :(得分:2)

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

要回答您的问题,没有正确的方式安装软件包,更多的是个人偏好。 npm iyarn add会在node_modules文件夹中安装您想要的软件包,因此可供您的应用使用。实际上你必须在你的代码中使用它(需要/导入),否则它不会在你的包中结束,你的包大小/时间也不会改变。

选项--save-dev/-add是可选的(但建议使用),用于在package.json中保存新的依赖项。如果有人使用项目的新克隆,他可以运行npm iyarn来自动安装package.json中的所有依赖项