Vuejs2 部署Vue的两种方法

Vuejs2 部署Vue的两种方法,vuejs2,web-deployment,Vuejs2,Web Deployment,我知道部署vue应用程序基本上有两种方法。一种是直接包括图书馆,包括: <script src="https://unpkg.com/vue"></script> 另一种方法是使用vue cli,然后使用npm构建 我看过很多教程,但我不能完全理解到底什么是不同的,或者每种方法的优点是什么?Vue可以通过- CLI-es NPM/SWARN安装Vue。很好地设置了默认配置 NPM-(或Thread)直接安装Vue并自行配置[建议用于大型项目] CDN-在HTML/

我知道部署vue应用程序基本上有两种方法。一种是直接包括图书馆,包括:

 <script src="https://unpkg.com/vue"></script>

另一种方法是使用vue cli,然后使用npm构建


我看过很多教程,但我不能完全理解到底什么是不同的,或者每种方法的优点是什么?

Vue可以通过-

  • CLI-es NPM/SWARN安装Vue。很好地设置了默认配置
  • NPM-(或Thread)直接安装Vue并自行配置[建议用于大型项目]
  • CDN-在HTML/脚本中直接引用
  • 如果您只想在脚本中包含有更大目标的Vue,或者完成一些“相对”简单的任务,只需使用CDN即可。这是一种使用Vue功能的好方法,无需担心Vue特定的中间构建步骤。您完成的产品将继续引用CDN中的Vue

    此外,每个CDN查找都意味着一个额外的服务器请求—这可能比您自己的服务器更快地提供内容,但仍然需要额外的查找。拥有数十个CDN并不理想

    对于较大的项目,NPM是理想的。您可能希望单文件组件(扩展名为.vue的文件)能够很好地与编辑器配合使用,并提供一种更结构化的方法来开发应用程序(包括作用域CSS)

    此外,如果您使用当前浏览器不支持的功能,或者希望支持较旧的浏览器,则必须通过本地Vue进行构建


    Vue可通过以下方式使用:-

  • CLI-es NPM/SWARN安装Vue。很好地设置了默认配置
  • NPM-(或Thread)直接安装Vue并自行配置[建议用于大型项目]
  • CDN-在HTML/脚本中直接引用
  • 如果您只想在脚本中包含有更大目标的Vue,或者完成一些“相对”简单的任务,只需使用CDN即可。这是一种使用Vue功能的好方法,无需担心Vue特定的中间构建步骤。您完成的产品将继续引用CDN中的Vue

    此外,每个CDN查找都意味着一个额外的服务器请求—这可能比您自己的服务器更快地提供内容,但仍然需要额外的查找。拥有数十个CDN并不理想

    对于较大的项目,NPM是理想的。您可能希望单文件组件(扩展名为.vue的文件)能够很好地与编辑器配合使用,并提供一种更结构化的方法来开发应用程序(包括作用域CSS)

    此外,如果您使用当前浏览器不支持的功能,或者希望支持较旧的浏览器,则必须通过本地Vue进行构建