介绍
只为追求极限的打包性能 毫秒级热更新 毫秒级启动 毫秒级编译是最终目标 不过因为追求极限性能 所以在代码编写过程中 有部分是需要你进行人工规避的
比如
// 这里的moment全部按照你引入的包文件而来 所以你前面写的import moment是没有意义的
// 其实可以简化为 import 'moment' 带来的效果是一样的
import moment from 'moment'
// 另一个地方在于 如果你访问的文件夹是Index那么你的js文件中export default必须跟文件夹同名 大小写要一致
// 否则会找不到文件
export default function Index() {
return (
<Input placeholder='测试'></Input>
)
}config.js
这个文件类似于webpack的配置文件 里面是这个框架的初始化环境 目前参数不多 后续会添加 其中有一个需要注意的地
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秒
使用说明
// 启动
npm run dev
// 编译
npm run build
// 生成1000个page + 1000个components用来测试打包性能
npm run test && npm run buildvue介绍
目前vue支持render跟template两种写法 可以看对应的pages目录下的文件