一.用gulp 构建前端页面(1) 静态构建 通过这个插件，我们可以像写后台模板（譬如PHP）一样写前端页面。我们首先学习一下写法. 现在我们创建一个新任务:创建一个裸的index.html文件，然后在body里面写上 ，我的年龄是:<%= age %> 下载好gulp-template，我们引用并 ...
分类：
Web程序 时间：
2016-09-10 23:48:59
阅读次数：
423
<!-- 其实网上关于webpack的教程已经很多了，但是本人在学习过程中发现很多教程有错误，或者写的很不全面，结果做的过程出现各种各样的问题，对新手不但不友好还会让人浪费很多不必要的时间。所以决定自己做个简易教程，这个教程也没有写太深入，面向的是纯新手，但按这个教程大家能快速搭建自己的webpac ...
分类：
Web程序 时间：
2016-09-10 16:21:52
阅读次数：
231
webpack官方文档 什么是webpack? Webpack 是一个前端资源加载/打包工具(Module Bundler)，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且 ...
分类：
Web程序 时间：
2016-09-09 22:28:02
阅读次数：
317
webpack引入 前面我们简单学习了gulp，这时一个前端构建框架 webpack产生了（模块打包） 它能帮我们把本来需要在服务端运行的JS代码，通过模块的引用和依赖打包成前端可用的静态文件。（这里有需要了解一下CommonJS规范，具体请自行查看http://commonjs.org）。 安装w ...
分类：
Web程序 时间：
2016-09-09 16:49:12
阅读次数：
301
随着前端项目的飞速发展，项目越来越大、文件越来越多，前端工程化的工具也越来越多。下面介绍目前最流行的四种构建工具——grunt、gulp、browserify、webpack 所有的构建工具都是基于NodeJs和Npm，所以使用下面任何工具都需要安装Node 一、grunt 1、需要两个文件： ...
分类：
Web程序 时间：
2016-09-09 16:39:49
阅读次数：
152
写在前面的话 阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对we ...
分类：
Web程序 时间：
2016-09-08 14:39:13
阅读次数：
299
速度上手,执行我们第一个任务 gulp，目前前端开发最火爆的工具之一。 我们先在项目目录中创建一个package.jsonwen文件：项目目录下运行node 安装gulp之前，我们先了解下 npm instal -g这个命令： 如果不加-g 则会安装到当前项目目录下。加上-g 就会安装一个全局目录里 ...
分类：
Web程序 时间：
2016-09-08 00:46:40
阅读次数：
165
自从前后端开始分离之后，前端项目工程化也显得越来越重要了，之前写过一篇搭建基于Angular+Requirejs+Grunt的前端项目教程，有兴趣的可以点这里去看 但是有些项目可以使用这种方式，但有些却不太适合，或者我们就是想要去尝试新的框架。比如最近我就尝试着使用了webpack+react+es ...
分类：
Web程序 时间：
2016-09-07 14:17:18
阅读次数：
2577
vue-carbon，基于 vue 开发 material design 风格的移动端 WEB UI 库, 设计资源参考 CARBON FrameWork7（app开发公司）。 安装 目前只使用 npm 安装，和使用 webpack 项目的应用（基础教程qkxue.net） 简单使用 例如这个 Re ...
分类：
其他好文 时间：
2016-09-07 10:45:57
阅读次数：
225
webpack是目前一个很热门的前端打包工具，官网说得很清楚，webpack的出现就是要把requirejs干掉。同时它还提供了十分便利的本地开发的环境。网上并不容易找到一个讲解得比较详细完整的教程，本文结合实践经验，总结一套可用的开发和上线的配置和流程。 首先，Require JS有什么问题 Re ...
分类：
Web程序 时间：
2016-09-07 10:28:50
阅读次数：
212
