分类:

使用webpack启动Angular2应用

使用webpack启动Angular2应用
因为项目原因又玩上了Angular2(v4.0+),《玩转Angular2》系列用于探索一些灵活或者新的用法。本文记录用webpack配置环境,启动app的过程。基本依赖其实angular2快速启动的脚手...

2年前 (2017-06-12) 169℃ 暂无评论 35

React Native 集成到iOS原生项目

React Native 集成到iOS原生项目
如果你正准备从头开始制作一个新的应用,那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native也同样不在话下。只需...

2年前 (2017-06-01) 255℃ 暂无评论 27

React Native学习(二)组件的生命周期

React Native学习(二)组件的生命周期
概述就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发...

2年前 (2017-03-30) 219℃ 暂无评论 32

Gulp搭建ES6环境项目教程

Gulp搭建ES6环境项目教程
在开始之前,先确认你已经装好Node,Node -v查看Node版本命令,若有显示即是安装成功。已安装的请直接往下安装gulp# 全局安装Gulp$ npm install -g gulp# 在项目中安装Gulp$ npm...

2年前 (2017-03-25) 381℃ 暂无评论 35

webpack打包React应用

webpack打包React应用
使用loaders每引入一种loader,就相当于告诉了webpack:当遇到某种类型的文件时,就使用该loader来解析。less项目中使用了less,解析less文件需要使用3个loader:style-loader,css-lo...

2年前 (2017-03-21) 503℃ 暂无评论 31

WebPack构建优化

WebPack构建优化
webpack 构建优化从去年 6 月份到现在开发的两个项目,都有围绕 webpack 进行构建打包。在使用 webpack 上也有一定的心得。在过去一周,将 webpack 版本升级为 2,同时又针对项目...

2年前 (2017-03-14) 305℃ 暂无评论 27

webpack项目实战完整教程

webpack项目实战完整教程
本篇将介绍 Webpack 2 的相关配置,以及使用 Webpack 2 进行前端开发的解决方案,或前端开发脚手架WebpackWebpack 是一个前端资源加载/打包工具, 只需要相对简单的配置,就可以整...

2年前 (2017-03-12) 494℃ 暂无评论 28

使用webpack打包Vue

使用webpack打包Vue
记得第一次知道Vue.js是在勾三股四大大的微博,那时候他开始翻译vue的文档,从那时候开始到现在,看了几次vue的教程,每次都有更深的理解,因为之前并没有研究过angular等框架,所以对M...

2年前 (2017-03-07) 254℃ 暂无评论 23

在React+Babel+Webpack环境中使用ESLint

在React+Babel+Webpack环境中使用ESLint
ESLint是js中目前比较流行的插件化的静态代码检测工具。通过使用它可以保证高质量的代码,尽量减少和提早发现一些错误。使用eslint可以在工程中保证一致的代码风格,特别是当工...

2年前 (2017-02-27) 260℃ 暂无评论 22

Gulp自动化构建工具入门

Gulp自动化构建工具入门
Gulp 自动化构建工具看到这个“自动化构建工具”是不是有些似曾相识呢? 对的,没错,大名鼎鼎的Grunt也是做这件事情的,当然百度Fis3也是,就相当于PHP中的各种框架,可能Gulp就像当下...

2年前 (2017-02-21) 222℃ 暂无评论 22

webpack2.0开发踩坑记录与总结

webpack2.0开发踩坑记录与总结
本地安装npm包后如何在命令行运行在npm安装包的时候,如果使用全局安装,即npm install -g,则在安装完成后可以在终端运行作为命令去运行,但是如果是本地安装的包npm install –sa...

2年前 (2017-02-18) 419℃ 暂无评论 38

webpack2.0入门教程

webpack2.0入门教程
为什么使用 webpackwebpack 是一款非常非常强大的前端资源处理工具,可以把所有前端需要的资源统一处理。比如js文件,css文件,甚至图片,字体文件,html文件。通过一个个独特的 load...

2年前 (2017-02-17) 1963℃ 暂无评论 21

webpack分割代码的技巧分享

webpack分割代码的技巧分享
1.代码中定义分割点webpack支持在代码中定义分割点。分割点指定的模块只有在真正使用时才加载,可以使用webpack提供的require.ensure语法:$('#okButton').click(func...

2年前 (2017-02-13) 265℃ 暂无评论 25

React组件单元测试

React组件单元测试
React组件单元测试React官网推荐使用jest + React.addons.TestUtils进行单元测试。jest是单元测试的框架,React.addons.TestUtils是针对React相关的方法,二者结合在一起可以方...

2年前 (2017-02-11) 331℃ 暂无评论 30

基于 koa + gulp 的前端工程构建工具

基于 koa + gulp 的前端工程构建工具
前言因公司前端项目在很长的一段时间内都没有一个比较合适的项目打包优化工具,以致页面打开速度慢,很多页面的代码很容易被其它公司抄袭,设计稿还原度不高,来回修改,影响工作效率...

2年前 (2017-02-06) 220℃ 暂无评论 28