![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
快乐的程序媛
我要成为一个快乐的程序媛!
展开
-
gulp-uglify《JS压缩》
本节实现JS压缩,在实现压缩前,先配置JS任务,设置源目录和输出目录。 1.找到gulp->config.js,对JS进行源目录(src->img)和输出目录(build->img)的配置: 2.gulp->tasks里新建JS任务,如下图: 3.同时在default任务序列里添加js任务:gulp.task('default', ['less'转载 2017-07-21 10:18:35 · 525 阅读 · 0 评论 -
项目中gulp shark-automation编译,jenkins测试服开发服上线
gulp编译过程:1.clean, 删掉scss生成css和ftl生成html时,产生的临时文件夹2.build-java,帮后端mvn compile(自己写的java,依赖的java库)。注明:招财是后端拉前端代码,没有这一步。渠道分销管理后台有这一步。3. sass-preprocess。Scss编译,预处理。 webpack-server,打包Js。4.usere原创 2017-07-21 10:36:55 · 381 阅读 · 0 评论 -
前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。本文导航:gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件转载 2017-07-21 11:03:31 · 275 阅读 · 0 评论 -
webpack的使用,以及其与gulp的对比
webpack的使用,以及其与gulp的对比原创 2017-07-23 23:41:28 · 1459 阅读 · 0 评论 -
模块化开发,AMD,CMD,Commonjs规范
angular、vue、react三大框架模块管理遵循的规范webpack打包成一个文件,一次都加载完,需要哪个就去执行哪个。不像传统的页面,引入很多文件,要一个个按顺序加载。 生成的都是闭包,变量隔离,并能避免污染作用域。vue,angularx,react加载内部模块时遵循commonjs —> 打包成一个文件了,并转成浏览器能执行的。 一般情况下,前端的采用require加载的都是遵循co原创 2017-07-23 23:43:51 · 2395 阅读 · 0 评论