随笔分类 -  工具

上一页 1 2
babel-preset-env与stage-x的使用指南
摘要：babel介绍 babel总共分为3个阶段: 解析、转换和生成 babel本身不具有任何转换功能， 如果没有plugin,那么经过babel的代码和输入的是相同的。 babel插件分为两种 语法插件：在解析的过程中，能使babel能够解析更多的语法 转译插件: 在转换的过程中将代码输出。比如将箭头函 阅读全文
posted @ 2020-05-28 21:43 风雨后见彩虹 阅读(2351) 评论(0) 推荐(0)
webpack笔记-webpack初识与构建工具发展（一）
摘要：为什么需要构建工具？ 转换 ES6 语法 转换 JSX CSS 前缀补全/预处理器 压缩混淆 图片压缩 前端构建演变之路 ant + YUI Tool grunt gulp、fis3 webpack、rollup、parcel 为什么选择 webpack? 社区⽣态丰富 配置灵活和插件化扩展 官⽅方 阅读全文
posted @ 2020-05-21 20:20 风雨后见彩虹 阅读(559) 评论(0) 推荐(0)
小tips：npm与npx的区别
摘要：npm npm是Node.js的软件包管理器，其目标是自动化的依赖性和软件包管理。 这意味着，可以在package.json文件中为项目指定所有依赖项（软件包），当需要为其安装依赖项时，只要运行npm install就可以。 npx npx是执行Node软件包的工具，它从 npm5.2版本开始，就与 阅读全文
posted @ 2020-05-21 20:17 风雨后见彩虹 阅读(6707) 评论(0) 推荐(0)
GitBook相关使用以及配置笔记
摘要：本地安装 GitBook的安装非常简单。您的系统只需满足这两个要求： NodeJS（推荐使用v4.0.0及以上版本） Windows，Linux，Unix或Mac OS X gitbook-cli 是安装和管理GitBook版本库的程序。它会自动安装GitBook所需的模块来创建一本书。 gitbo 阅读全文
posted @ 2020-01-03 17:37 风雨后见彩虹 阅读(1282) 评论(0) 推荐(0)
webpack4.x笔记-配置基本的前端开发环境（一）
摘要：webpack的基本使用 webpack 本质上是一个打包工具，它会根据代码的内容解析模块依赖，帮助我们把多个模块的代码打包。借用 webpack 官网的图片： 虽然webpack4.x的版本可以零配置开始构建，但是在实际的项目中需要其它的一些功能，还是需要一个配置文件。 安装 下面一步一步讲解配置 阅读全文
posted @ 2019-03-22 09:02 风雨后见彩虹 阅读(1338) 评论(0) 推荐(3)
小tips：你不知道的 npm init
摘要：前言 在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的，不过这个文件里需要的字段实在是太多了，正常人都记不住，所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件。执行之后会有一个交互式的命令行让你输入需要的字段值，当然如 阅读全文
posted @ 2018-11-20 17:54 风雨后见彩虹 阅读(6695) 评论(0) 推荐(0)
[工具配置]requirejs 多页面，多入口js文件打包总结
摘要：需要明确以下几点： 1.本地前端调试代码肯定是调用原始的路径以及代码，但是线上运行的肯定是通过打包后的另一个路径，这儿就是生成的dist文件夹了。 2.requirejs的引入，线上跟线下的路径怎么控制？我们是这样控制的，代码如下： 这个${resource}是服务端控制传递到页面中的，在本地调试这 阅读全文
posted @ 2017-06-15 14:46 风雨后见彩虹 阅读(1306) 评论(0) 推荐(0)
[工具配置]使用requirejs模块化开发多页面一个入口js的使用方式
摘要：描述 知道requirejs的都知道，每一个页面需要进行模块化开发都得有一个入口js文件进行模块配置。但是现在就有一个很尴尬的问题，如果页面很多的话，那么这个data-main对应的入口文件就会很多。理论这样其实也没什么，但是到后面用grunt进行合并压缩就会有很多入口js，虽然这个入口js都把配置 阅读全文
posted @ 2017-06-14 09:15 风雨后见彩虹 阅读(739) 评论(0) 推荐(0)
用grunt进行ES6转换，再用uglify压缩所有js实例
摘要：1.首先安装node.js 去官网下载exe执行文件安装即可，安装完成后自带有npm管理。 2.安装grunt CLI 在项目根文件夹下执行如下代码： 3.安装Grunt 4.配置Gruntfile.js 首先需要往项目里添加两个文件：package.json和Gruntfile.js; 如果你从其 阅读全文
posted @ 2017-03-10 17:40 风雨后见彩虹 阅读(7628) 评论(1) 推荐(0)
git常用命令总结以及用github来展示你的前端页面
摘要：命令小结 注意如果一个库里的很多文件是合用一个版本号的，也就是说变更版本号后，对应的所有的文件都会回退; 基本命令 git 建立库，我们是在工作区中修改文件的,工作区可以有很多文件； git add 可以把工作区（working tree）下修改的文件或添加的文件添加到暂时存储的区域(index f 阅读全文
posted @ 2017-02-22 17:13 风雨后见彩虹 阅读(2082) 评论(0) 推荐(1)
用grunt搭建web前端开发环境
摘要：1.前言 本文章旨在讲解grunt入门，以及讲解grunt最常用的几个插件的使用。 2.安装node.js Grunt和所有grunt插件都是基于nodejs来运行的，如果你的电脑上没有nodejs，就去安装吧。安装nodejs非常简单，完全傻瓜式、下一步下一步下一步、的安装方式，这里不再赘述。去  阅读全文
posted @ 2016-03-24 17:16 风雨后见彩虹 阅读(2068) 评论(0) 推荐(2)

上一页 1 2