🗒️vue3源码学习-2-实现构建流程
2022-5-5
| 2024-3-22
0  |  阅读时长 0 分钟
date
icon
password
description
permalink
categories
type
status
slug
summary
tags
category
updated
Mar 22, 2024 09:10 AM

前言

通过源码学习笔记1的实验操作,得到了个基础模版。那么接下来,我们需要实现构建流程,让我们的项目能打包运行。

构建流程

此处我们修改一下tsconfig.json里面的strict为false,暂时不用严格模式
  1. 我修改一下packages.json的配置文件,新增一个dev的命令
    1. 我们新建一个文件夹scripts来存放我们打包或者运行时候的启动JS脚本,里面新建一个dev.js,作为启动js脚本。
      1. 经过上面2个步骤的操作,我们完成了项目的构建过程,在终端运行如下命令
        这里我的esbuild版本是0.14.38,而超过0.17的版本watch就是不是这么写了我的一篇文章esbuild v19版本构建本地服务

    观察文件夹

    运行上面的命令后会发现reactivity文件夹下多了个dist/reactivity.global.jsreactivity.global.js.map,这个就是打包之后的文件,新建一个html文件,引入reactivity.global.js,放到浏览器上就能看到你的语句了
    vue3-plan
    MicroMatrixOrgUpdated Aug 10, 2022
     
  2. Vue
  3. Html
  4. vue3源码学习-1-生成配置信息记录一次vue2函数式组件开发+单粒模式
    • Waline
    目录