• Vue和vue-cli和webpack和nodejs


    vue-cli是什么:vue-cli是vue的命令行工具,只要按照官网敲几行命令就可以新建一个基本的vue项目框架。方便快捷。

    vue-cli和webpack是什么关系:vue-cli 里面包含了webpack, 并且配置好了基本的webpack打包规则.

    ====================================
    什么是Node.js

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,运行在服务端的JavaScript。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

    nodejs是一个很强大的js 运行环境,类似于jvm之于java。因此对js的支持非常好,催生了基于js的一系列应用开发。源于各js的应用的成长壮大,继而催生出了 npm

    NPM是基于node js环境的一个包管理器。
    随着前端开发的网页元素不断丰富和复杂化,催生出webpack 来进一步规划js应用的打包部署。前端目标页面资源,通过webpack来打包压缩出来。

    可以看出vue.js 就是遵循的webpack 的方式来部署的,我们使用npm run build之后,会生成一个目标dist文件。这即是目标静态web资源,放在nginx下面即可通过网页访问。

    综上所述,vue.js 是通过 webpack来打包,而webpack 又基于 npm, npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。

    将目标dist文件夹拷贝到一台未安装nodejs的 nginx服务器上,访问页面可以正常响应逻辑。这时跟nodejs没有任何关系,服务器又不是nodejs在担当,而是nginx。如果你用nodejs来部署服务器,则需要在目标机上安装nodejs.

    简单的说:你既可以开发nodejs的服务程序,亦可以用基于nodejs的npm && webpack来打包 目标前端页面。vue.js 使用webpack来打包,故而需要nodejs环境。

  • 相关阅读:
    决策树算法
    10.16 校招 实习 内推 面经
    WinUI 3 踩坑记:第一个窗口
    el-dialog弹窗中进度条的(mqtt提供)数据无法清空(清空方法)
    MySQL数据库误删回滚
    react-native实践日记--6.ReactNative 项目版本升级,0.61到0.72升级的问题记录(二)
    AI艺术的背后:详解文本生成图像模型【基于 Diffusion Model】
    leetcode 26
    leetCode 125. 验证回文串 + 双指针
    k8s单节点部署(仅master)
  • 原文地址:https://blog.csdn.net/xiaoqj123456789/article/details/126157709