Vue部署的两种方式
Two ways of deploying Vue
我知道基本上有两种部署 vue 应用程序的方法。一种是直接包含库:
<script src="https://unpkg.com/vue"></script>
另一种方法是使用vue cli,然后用npm构建
我看了很多教程,但是我不是很明白到底有什么不同,或者说各自的优点是什么?
Vue可以通过-
使用
- CLI - es NPM / yarn 安装 Vue。很好地设置默认配置
- npm——(或yarn)直接安装Vue,自己配置[推荐用于大型项目]
- CDN - 直接在您的 HTML /script
中引用
如果您只想在具有更大 objective 的脚本中包含 Vue,或者想完成一些 'comparatively' 简单的事情,只需使用 CDN。这是使用 Vue 强大功能的好方法,无需担心特定于 Vue 的中间构建步骤。您完成的产品将继续从 CDN 引用 Vue。
此外,每次 CDN 查找都意味着额外的服务器请求 - 这可能比您自己的服务器更快提供内容,但仍然需要额外的查找。拥有数十个 CDN 并不理想。
对于较大的项目,NPM 是理想的选择。您会希望单文件组件(具有 .vue 扩展名的文件)的强大功能与编辑器配合良好,并提供更结构化的方式来开发应用程序(包括作用域 CSS 之类的东西)。
此外,如果您使用当今浏览器不支持的功能,或者想要支持旧浏览器,则必须通过本地 Vue 构建步骤。
我知道基本上有两种部署 vue 应用程序的方法。一种是直接包含库:
<script src="https://unpkg.com/vue"></script>
另一种方法是使用vue cli,然后用npm构建
我看了很多教程,但是我不是很明白到底有什么不同,或者说各自的优点是什么?
Vue可以通过-
使用- CLI - es NPM / yarn 安装 Vue。很好地设置默认配置
- npm——(或yarn)直接安装Vue,自己配置[推荐用于大型项目]
- CDN - 直接在您的 HTML /script 中引用
如果您只想在具有更大 objective 的脚本中包含 Vue,或者想完成一些 'comparatively' 简单的事情,只需使用 CDN。这是使用 Vue 强大功能的好方法,无需担心特定于 Vue 的中间构建步骤。您完成的产品将继续从 CDN 引用 Vue。
此外,每次 CDN 查找都意味着额外的服务器请求 - 这可能比您自己的服务器更快提供内容,但仍然需要额外的查找。拥有数十个 CDN 并不理想。
对于较大的项目,NPM 是理想的选择。您会希望单文件组件(具有 .vue 扩展名的文件)的强大功能与编辑器配合良好,并提供更结构化的方式来开发应用程序(包括作用域 CSS 之类的东西)。
此外,如果您使用当今浏览器不支持的功能,或者想要支持旧浏览器,则必须通过本地 Vue 构建步骤。