- 博客(4)
- 收藏
- 关注
原创 rollup从入门到打包一个按需加载的组件库
在上一篇文章中,我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 用webpack打包一个按需加载的vue组件库 rollup 是一个 JavaScript 模块打包器,在功能上要完成的事和webpack性质一样,就是将小块代码编译成大块复杂的代码,例如 library 或应用程序。在平时开发应用程序时,我们基本上选择用webpack,相比之下,rollup.js更多是用于library打包,我们熟悉的vue、react、vuex、vue-router等都是用rol
2021-04-23 16:43:19 3136
原创 用webpack从0到1打包一个按需加载的vue组件库
在vue项目开发中,我们会将经常用到的逻辑或模块抽象成组件,对于那些多个项目都有用到的组件,可以考虑封装成组件库,发布到npm。每次要到只需要npm install xx一下,就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 使用vue组件库的常见方式 1、通过script标签引入 <body> <div id="app"> <hello></hello> </div> </body> &
2021-04-16 08:30:28 1467 1
原创 用three.js写一个小场景
上次我们用three.js写了一个下雨的动画,主要是用粒子。这次是用three.js搭建了一个小场景。 项目地址依然是:https://github.com/magicsoso/threejs-tutorial.git ,后面three.js的练习demo都放在这里。 作为练习的小项目,这个小场景可以练习: 各种几何体、贴图的运用 导入外部模型 场景与用户交互 简单的动画 调试three.js项目 虽然很简单,但完整地写下来还是挺有收获。 草地场景 场景搭建复用了在下雨动画中的场景模板Template。
2021-03-31 09:19:06 1245
原创 用three.js写一个下雨动画
最近看了《Three.js开发指南》,深刻地意识到光看不练跟没看差不多,所以就练习写了这个小动画。 gif 预览地址:https://juejin.cn/post/6940542710709223432 项目地址: https://github.com/magicsoso/threejs-tutorial.git 前置知识 WebGL让我们能在浏览器开发3D应用,然而直接使用WebGL编程还是挺复杂的,开发者需要知道WebGL的底层细节,并且学习复杂的着色语言来获得WebGL的大部分功能。Three.j
2021-03-26 14:22:36 1728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人