https://github.com/fangkyi03/spack-new

毫秒级热更新 毫秒级编译
https://github.com/fangkyi03/spack-new

react snowpack vue webpack

Last synced: about 24 hours ago
JSON representation

毫秒级热更新 毫秒级编译

• Host: GitHub
• URL: https://github.com/fangkyi03/spack-new
• Owner: fangkyi03
• Created: 2020-10-23T20:43:37.000Z (about 4 years ago)
• Default Branch: vue
• Last Pushed: 2023-08-26T06:40:26.000Z (about 1 year ago)
• Last Synced: 2024-10-02T09:54:04.417Z (about 1 month ago)
• Topics: react, snowpack, vue, webpack
• Language: JavaScript
• Homepage:
• Size: 275 KB
• Stars: 20
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# 介绍

只为追求极限的打包性能 毫秒级热更新 毫秒级启动 毫秒级编译是最终目标

不过因为追求极限性能 所以在代码编写过程中 有部分是需要你进行人工规避的

比如

```javascript

// 这里的moment全部按照你引入的包文件而来 所以你前面写的import moment是没有意义的

// 其实可以简化为 import 'moment' 带来的效果是一样的

import moment from 'moment'

// 另一个地方在于 如果你访问的文件夹是Index那么你的js文件中export default必须跟文件夹同名 大小写要一致

// 否则会找不到文件

export default function Index() {

  return (

    

  )

}

```

# config.js

这个文件类似于webpack的配置文件 里面是这个框架的初始化环境 目前参数不多 后续会添加

其中有一个需要注意的地

```javascript

  depend:{

    'antd':{

      'js':'https://cdn.bootcdn.net/ajax/libs/antd/4.7.0/antd.min.js',

      'css':'https://cdn.bootcdn.net/ajax/libs/antd/4.7.0/antd.min.css'

    },

    'dayjs':'https://cdn.bootcdn.net/ajax/libs/dayjs/1.4.1/dayjs.min.js',

    'moment':'https://cdn.bootcdn.net/ajax/libs/moment.js/1.0.0/moment.min.js'

  }

  这里有两种不同的写法 直接写字符串的话 默认只能加载js文件 

  如果是又有js又有css的话 请使用上面那种

```

# 打包性能

可以执行 npm run test && npm run build

1000个页面 + 1000个组件

优化以后20秒

# 使用说明

```javascript

  // 启动

  npm run dev

  // 编译

  npm run build

  // 生成1000个page + 1000个components用来测试打包性能

  npm run test && npm run build

```

# vue介绍

目前vue支持render跟template两种写法 可以看对应的pages目录下的文件