目录
开发包 (devDependencies)
安装方法
生产包 (dependencies)
安装方法
全局包 (Global build)
安装方法
vue中有三种不同类型的包:开发包 (Development build),生产包 (Production build) 和全局包 (Global build)。下面我们分别解释它们的区别以及对应的安装语法。
一、开发包 (devDependencies)
- 用于本地开发中使用,上线不需要用的包,build不会被打入包内。
- 更适用于开发阶段,提供了额外的错误检查和警告,方便开发者找到并更正错误。
- 通常体积较大,因为包含了源代码和附加调试信息。
- 对性能要求不高,主要关注点在于实现功能、修复bug。
- -save-dev 简写为 -D
安装方法:
使用npm或yarn安装:
npm install -save-dev eslint
npm install -D eslint 或 yarn add -D eslint
二、生产包 (dependencies)
- 用户发布环境,开发中和上线后的生产环境都要使用的包
- 针对线上环境优化,去除了开发阶段的警告和错误提示。
- 更小的体积,减少加载时间,为用户带来更好的体验。
- 提供了更强大的性能优化。
- -save 简写为 -S
安装方法:
使用npm或yarn安装:
npm install vue -save
npm install -S vue 或 yarn add -S vue
三、全局包 (Global build)
- 全局进行安装,不加表示只在当前项目进行安装
- 将库作为全局变量引入到项目中,而不是通过模块系统引入。
- 相对不推荐这种方式,因为无法利用现代构建工具的优点,如摇树优化 (tree-shaking) 等。
- 在不支持或未配置模块系统的项目中,可以考虑使用全局包。
安装方法:
使用npm或yarn安装:
npm install -g vue 或 yarn add -g vue