vue中开发包、生产包、全局包的区别以及安装语法

 目录

开发包 (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