
工具
文章平均质量分 83
kkkkkkkkkrys
https://krysliang.xyz/
展开
-
使用Electron 创建桌面应用
Electron是一个使用前端的技术来创建桌面应用的框架,打包后可以再MAC、windows和linux上直接运行。1、安装安装的时候按照它官网的文档进行了搭建,但是一直报错,这也是个坑啊。后来把代码改了一下,按照下面的安装方式就可以了创建一个文件夹,然后先clone一个demo下来git clone https://github.com/electron/electron-quick-start然后执行npm i --save-dev ele...原创 2021-05-20 16:17:53 · 461 阅读 · 0 评论 -
使用webpack来构建项目
1、在webpack的官网可以看到,webpack是一个文件打包工具,它将复杂的的文件依赖打包成独立的资源文件。换句话说,在webpack里一切文件都是模块,通过loader加载文件,通过plugin注入钩子,最后输出由多个模块组合的文件。那么loader是什么呢?loader用来读取各类资源,比如css、js等。模块loader可以链式调用,链汇总的每个loader都将对资源进行转换,然后将结果传递给下一个loader。也就是说webpack使用loader来管理各类的资源。...原创 2021-05-20 15:37:58 · 558 阅读 · 4 评论 -
使用gulp来构建项目
gulp是一个前端构建的工具,用来快速进行一些操作。比如开发一个项目的时候,设计师给你的照片一般都是一个高清的图,但是这些资源往往是很大的。那你要压缩图片的话是不是要找一个网站去将图片一个一个的进行压缩呢。显然,这样的操作是很麻烦的。那么我们就可以利用gulp来进行这一项的操作。此外,还可以利用一些gulp的插件来进行别的操作,比如压缩js、css 、html代码等,还可以用来混淆js代码,合并js代码等。还可以自动加载、把目录下的所有文件进行重命名等等的操作。下面我们来进入gulp的学习学...原创 2021-05-08 11:33:25 · 867 阅读 · 0 评论 -
从模块化开始到webpack入门
在查找webpack的资料的时候,发现大部分的资料对webpack的定义都是这样webpack是当下最热门的前端资源模块化管理和打包工具(就是一个打包器),可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源,还可以将需要加载的模块进行代码分离,等到实际需要的时候再进行异步加载。通过loader的转换,任何资源都可以视作模块,如COMMONJS模块 ,AMD模块,JS CSS ,...原创 2019-02-19 11:52:34 · 241 阅读 · 0 评论