基础知识 技术栈 jQuery vue.js react angular.js node.js 实战+源码 预编译 sass less 构建工具（2选1） gulp grunt 打包工具 webpack 其他 browserify npm ...
分类：
其他好文 时间：
2018-04-12 00:11:14
阅读次数：
208
文档 铺垫 以前网页制作web1.0 如今是web2.0-->交互式操作 前端工具 grunt gulp webpack ：打包机 作用：将项目中的js，css，img，font，html等进行捆绑 编译成一个.js文件进行加载 请求 // img src ， css href ， audio sr ...
分类：
Web程序 时间：
2018-04-05 20:57:39
阅读次数：
243
seajs模块路径解析 最近在试着用seajs + grunt改造现有项目， 遇到的最大的问题就是seajs命名与调用， 简单总结一下。 模块调用 seajs中调用模块有两种方式，seajs.use(ID) 、 require(ID)。 ID命名 完整绝对路径 例如 "http://example. ...
分类：
Web程序 时间：
2018-04-04 20:54:45
阅读次数：
197
从官方GitHub上克隆下来的源码自己如何发布？ 我在Ubuntu系统中进行的开发，安装了yarn。 执行build命令为：$ yarn build 执行release命令为：$ yarn release 其实内部都是grunt在执行的命令（我是菜鸟，不是很懂，这个看命令执行过程中出现的命令符才这么 ...
分类：
其他好文 时间：
2018-03-17 19:46:16
阅读次数：
334
谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browser ...
分类：
Web程序 时间：
2018-03-16 00:17:57
阅读次数：
257
webpack与gulp 、grunt没有什么可比性，它可以看作模块打包机，通过分析你的项目结构，找到js模块以及其它的一些浏览器不能直接运行的拓展语言（scss，Typescript）,并将其转换和打包为合适的格式供浏览器使用。gulp/grunt是一种能够优化前端的开发的流程的工具，而webpa ...
分类：
Web程序 时间：
2018-03-10 15:51:43
阅读次数：
236
什么是webpack webpack是一个模块打包器，包(bundle)就是一个js文件，它把一堆资源合并在一起，以便在同一个文件请求中发回给客户端，webpack还能处理一些浏览器不能直接运行的拓展语言，如Scss,typeScript等。webpack是基于配置型的构建工具，它把整个项目作为一个 ...
分类：
Web程序 时间：
2018-03-08 23:03:57
阅读次数：
384
有关于webpack官方文档的粗略学习，暂时告一段落，关于webpack是如何将项目整体构建包括代替gulp和grunt的打包功能，有待在实际项目中更深一步的实践。毕竟已经有一段时间不用了，知识在于巩固，不巩固是真的会生疏的，而且webpack4新鲜出炉，号称实现零配置。而且最近后天同学在进行关于s ...
分类：
Web程序 时间：
2018-03-05 16:02:57
阅读次数：
580
1. Grunt的运行原理 运行grunt，利用node的require查找本地的Grunt, 查找到本地有Grunt，CLI将其加载，并传递Gruntfile中的配置信息。 2. 使用grunt-init自动创建gruntfile.js和package.json文件 1）全局安装grunt-ini ...
分类：
其他好文 时间：
2018-02-27 15:05:14
阅读次数：
159
webpack webpack是一个打包工具，学名叫做模块打包器，把所有的模块打包成一个或少量文件，使你只需加载少量文件即可运行整个应用，而无需像之前那样加载大量的图片，css文件，js文件，字体文件等等。 相对于gulp/grunt的自动化构建工具来说，webpack在js，css压缩，代码检查， ...
分类：
Web程序 时间：
2018-02-23 00:24:05
阅读次数：
248
