随笔分类 -  前端工具

node命令行工具之实现项目工程自动初始化的标准流程
摘要：一、目的 传统的前端项目初始流程一般是这样： 可以看出，传统的初始化步骤，花费的时间并不少。而且，人工操作的情况下， 总有改漏的情况出现 。这个缺点有时很致命。 甚至有马大哈，没有更新项目仓库地址，导致提交代码到旧仓库，这就很尴尬了。。。 基于这些情况，编写命令行工具（CLI）的目的就很明确： 用于 阅读全文
posted @ 2019-08-12 08:46 我是leon 阅读(1572) 评论(0) 推荐(0)
webpack项目轻松混用css module
摘要：解决antd-mobile和css module冲突，css module的使用方式 阅读全文
posted @ 2018-06-08 00:50 我是leon 阅读(6946) 评论(0) 推荐(0)
Git打标签与版本控制规范
摘要：本文的侧重点，就是通过Git的打标签功能`git tag`来解决这个问题，并用SemVer（语义化版本控制规范）规范标签的命名。 阅读全文
posted @ 2018-05-23 17:24 我是leon 阅读(19644) 评论(0) 推荐(4)
动态加载css方法实现和深入解析
摘要：一、方法引用来源和应用 此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。 因为公司项目需要用到懒加载来提高网站加载速度，所以将非首屏渲染必需的css文件进行动态加载操作。 二、优化后的完整代码 javascript var url = opti 阅读全文
posted @ 2017-01-17 23:01 我是leon 阅读(7433) 评论(1) 推荐(1)
webpack+sass+vue 入门教程（三）
摘要：十一、安装sass文件转换为css需要的相关依赖包 loader的作用是辅助webpack将符合条件的源文件转换为对应的目标格式文件。比如index.scss转换成index.css 安装成功后，package.json文件变化如下： 接着，安装extract text webpack plugin 阅读全文
posted @ 2017-01-07 11:49 我是leon 阅读(10643) 评论(1) 推荐(0)
webpack+sass+vue 入门教程（二）
摘要：六、新建webpack配置文件 webpack.config.js 文件整体框架内容如下，后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 七、新建app文件夹，存放html+css+js index.html css/index.css js/index 阅读全文
posted @ 2017-01-07 11:48 我是leon 阅读(1177) 评论(0) 推荐(0)
webpack+sass+vue 入门教程（一）
摘要：一、安装node.js node.js是基础，必须先安装。而且最新版的node.js，已经集成了npm。 "下载地址" node安装，一路按默认即可。 二、全局安装webpack 如果公司网络是设置代理的，要设置下代理地址 三、建立项目文件夹 我在本机的E盘上，建了一个名称为demo的文件夹 四、初 阅读全文
posted @ 2017-01-07 11:47 我是leon 阅读(944) 评论(0) 推荐(0)