什么是webpack？ 模块化打包机 作用是什么？ 1、模块化，让我们可以把复杂的程序细化为小的文件 2、分析项目结构，找到JavaScript模式以及其他的一些浏览器不能直接运行的拓展性语言（scss,typescript），并将其转换打包为合适的格式供浏览器使用 3、scss，less等css预 ...
分类：
Web程序 时间：
2018-11-20 13:21:22
阅读次数：
202
1.bootstrap所有插件依赖JQ，必须在JQ之后引入。 2.bootstrap分预编译版（css,js,fonts）和源码版(less,js,fonts,dist->预编译版内容,docs) 3.bootstrap 使用grunt 作为编译系统 安装grount 先安装npm 全局安装npm ...
分类：
其他好文 时间：
2018-11-17 16:13:03
阅读次数：
161
在前端工程化系列[02]-Grunt构建工具的基本使用和前端工程化系列[03]-Grunt构建工具的运转机制这两篇文章中，我们对Grunt以及Grunt插件的使用已经有了初步的认识，并探讨了Grunt的主要组件以及它的运转机制，这篇文章是Grunt使用的进阶教程，主要输出以下内容： ? Grunt项 ...
分类：
其他好文 时间：
2018-11-10 15:00:37
阅读次数：
170
在前端工程化系列[02]-Grunt构建工具的基本使用这篇文章中，已经对Grunt做了简单的介绍，此外，我们还知道了该如何来安装Grunt环境，以及使用一些常见的插件了，这篇文章主要介绍Grunt的核心组件和运转机制。 Grunt是一套前端自动化构建工具，可以帮助我们简化开发中需要反复处理的任务，甚 ...
分类：
其他好文 时间：
2018-11-10 14:58:35
阅读次数：
245
相关插件的引用： grunt-usemin 对页面的操作 grunt-contrib-cssmin 压缩css load-grunt-tasks 瘦身gruntfile grunt-rev 给md5加密 相关插件的引用： grunt-usemin 对页面的操作 grunt-contrib-cssmi ...
分类：
其他好文 时间：
2018-11-04 23:58:48
阅读次数：
292
gulp是前端开发过程中自动构建项目的工具，相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查、合并、重命名、压缩、格式化、浏览器自动刷新、部署文件等功能。 gulp是基于Nodejs的自动运行器 ...
分类：
其他好文 时间：
2018-11-03 12:40:11
阅读次数：
213
.gitignore 设置忽略文件1.glup是一个前端自动化构建工具2.gulp的优点：1.易于使用 2.构建快速 3.插件高质4.易于学习grunt webpackgulp是基于nodejs体系的gulp的配置文件名：gulpfile.jsnodejs commonjs module.expor ...
分类：
其他好文 时间：
2018-11-03 10:26:23
阅读次数：
167
1.精通Vue，js，React，Node，js等主流开发框架； 2.精通微信小程序，微信号公众号开发； 3.掌握至少一种前端自动化构建工具，如grunt，gulp，browserity，webpack等； 4.熟悉前端性能优化方法，如发包压缩，资源懒加载，CDN加速等，熟悉SEO优化更佳； 5.对 ...
分类：
Web程序 时间：
2018-10-16 13:35:30
阅读次数：
172
新建项目 npm init```package.json ```{ "name": "webpackdemo1", 项目名称，包名，不能是grunt或webpack "version": "1.0.0",//项目的版本 "description": "",//项目描述 "main": "index. ...
分类：
Web程序 时间：
2018-10-15 21:16:58
阅读次数：
1420
学习路线为： html =>css=>javascript=>jquery=>h5=>css3=>nodejs=>mongodb=>git>grunt=>webpack=>less=>sass=>bootstrap=>vue/react/angularjs=>webapp=>微信小程序=>全栈开发... ...
分类：
Web程序 时间：
2018-10-15 14:58:08
阅读次数：
200
