vue源码-虚拟DOM与diff算法分析-Snabbdom简介和测试环境搭建（一）

提到虚拟dom的话，就不得不提到snabbdom这个库，它是虚拟dom的鼻祖。

它是瑞典语，意思为：“速度”。

Snabbdom 是一个专注于简单性、模块化、强大性和高性能的虚拟 DOM 库。

核心特性：

1. 核心代码 200 行，并且提供丰富的测试用例；
2. 拥有强大模块系统，并且支持模块拓展和灵活组合；
3. 在每个 VNode 和全局模块上，都有丰富的钩子，可以在 Diff 和 Patch 阶段使用。

---

 搭建环境：

1.npm i snabbdom

2.npm i -D webpack@5 webpack-cli@3 webpack-dev-server@3

3.参考wackpack官网文档，配置一下webpack.config.js文件

const path = require('path')
module.exports = {
    //入口
    entry:'./src/index.js',
    //打包到什么文件
    output:{
        filename:'bundle.js'
    },
    //配置webpack-dev-server
    devServer:{
        //静态文件根目录
        contentBase:path.join(__dirname,'www'),
        /