随笔分类 - 前端自动化工具
摘要：大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码： 我们现在来说明下这个配置文件是什么意思。首先，这个配置文件是针对babel 6的。Babel 6做了一系列模块化，不像Babel 5一样把所
阅读全文
摘要：1. webpack简介 webpack 是一个模块打包工具。它使得模块相互依赖并且可构建等价于这些模块的静态资源。相比于已经存在的模块打包器（module bundler），webpack的开发动机是实现代码分包（Code Splitting ）和通过模块化完成代码的无缝集成。webpack可以根
阅读全文
摘要：注意：webpack 2.0版本之后有所区别 一、插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的：Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
阅读全文
摘要：package.json gulpfile.js 所有项目文件定义在app文件夹下面，自动生成app_dist文件夹为实际添加版本后的项目文件 注意需要修改一个node_modules文件 node_modules --> gulp-assets-rev -->index.js
阅读全文
摘要：Installation 使用 npm 安装这个插件 Basic Usage 这个插件可以帮助生成 HTML 文件，在 body 元素中，使用 script 来包含所有你的 webpack bundles，只需要在你的 webpack 配置文件中如下配置： 这将会自动在 dist 目录中生成一个名为
阅读全文
摘要：偶然发现，对前端数据模拟挺好用，没有跨域问题 https://myjson.com/
阅读全文
摘要：license server” 输入：http://114.215.133.70:41017 仅供学习测试使用，支持正版。
阅读全文
摘要：直接安装cnpm导致无限索引，因此直接使用代理 方法一： 直接在当前用户文件夹下，npmrc 文件上直接设置代理：registry=https://registry.npm.taobao.org 方法二： 安装时临时指定代理： 全局配置：
阅读全文
摘要：本文内容都来源于偶整理的fetool。 想让更多使用Chrome的小伙伴，体验到这些令人愉悦的小工具，所以单独整理了这篇文章。 如果你是 前端/服务端/设计/面向Github编程/视觉控，相信下列的插件有不少你会用到，期待你能喜欢:) Chrome 应用商店必定是需要FQ的哈。 以下插件都是俺多年积
阅读全文
摘要：http://www.cnblogs.com/gulei/p/5126383.html 前端开发中，经常需要将做好的页面给其他同事预览或手机测试，之前一直用的第三方本地服务器usbwebserver，偶然了解到WebStorm内置服务器也可以满足此需求，来看看如何设置吧~~ 1、端口更改和允许外部：
阅读全文
摘要：安装node.js npm 以及安装gulp等方法我就不在这里赘述了。 接下里我主要介绍的是Gulpfile文件里面的配置该如何书写。 //npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev
阅读全文
摘要：最近一个项目才接触这些自动化工具 webpack gulp grunt 等等.. webpack 可以引入模块 和 压缩 gulp 和 grunt 可以压缩 这里只说下gulp 因为项目里只用到gulp 博客园有一个猥琐大叔的一张图 我觉得还蛮不错借用下 哈哈~ 项目根目录下创建好package.j
阅读全文
浙公网安备 33010602011771号