（bower、grunt、gulp、jspm、karmam、webpack）前端工程自动化开发工具

2024-06-03 10:35:52

gulp 是工具链，可以配合各种插件做js压缩，css压缩，less编译等工作

webpack 是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件

bower 是包管理器，用来管理你项目里的那些外部依赖的

1 Bower

安装bower：npm install bower

使用bower安装包： install jquery --save

2 GRUNT

安装grunt：npm install -g grunt-cli

使用grunt：直接执行grunt

grunt的task插件，可以参考：http://www.gruntjs.net/plugins

3 GULP

安装：tnpm install -g glup

执行方法：gulp

gulp的其他插件列表 http://gulpjs.com/plugins/

4 jspm

安装：tnpm install -g jspm

使用jspm安装依赖：jspm install jquery

5 karma

karma可以理解成一个测试工具

安装：tnpm install -g karma-cli

执行方法：karma start src/test/javascript/karma.conf.js

6 webpack

webpack是一个模块资源加载器，其中js，css，img都可以理解为一个一个资源，这些都是用不同loader进行加载的，webpack下不同的loader可以参考 http://webpack.github.io/docs/list-of-loaders.html

webpackdevserver的文档可以参考：http://webpack.github.io/docs/webpack-dev-server.html

react的热部署

react-hot-loader这个神器 http://gaearon.github.io/react-hot-loader/getstarted/

（bower、grunt、gulp、jspm、karmam、webpack）前端工程自动化开发工具相关推荐

亚信UED前端流程自动化构建工具
亚信UED前端流程自动化构建工具亚信UED前端流程自动化构建工具 aiflow 亚信 gulp 项目由亚信CMC UED团队创建,用于解决前端项目构建的流程管理,以及复杂度问题解决. 亚信UED前端 ...
HTML——前端实时可视化开发工具
前端实时可视化开发工具:liveStyle.liveReload.Broswer-Sync. 一.liveStyle 如图,liveStyle支持三种文件. 需要安装两个插件:浏览器的插件,subli ...
2022 前端常用的开发工具、组件库等等~持续整理，待你分享~
2022 前端常用的开发工具.组件库等等持续整理,待你分享小伙伴们!我这里整理了一些对前端开发有帮助的工具.库.网站等.对于这些东西有些是我自己用过的,有些是听过的,但是也有些是没听过也没用过的.只 ...
前端页面组件开发工具Pager-taglib
前端页面组件开发工具Pager-taglib 一.Pager-taglib简介 1.Pager-taglib 支持多种风格的分页显示.它是一个Jsp标签库,为在JSP上显示分页信息而设计的一套标签 ...
使用require.context实现前端工程自动化
require.context介绍 require.context是一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中 ...
推荐25款很棒的 HTML5 前端框架和开发工具【下篇】
快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. ...
前端常用的开发工具（推荐）
一.Visual Studio Code 下载地址:https://code.visualstudio.com/ 功能介绍: 微软在2015年4月30日Build 开发者大会上正式宣布了 Visual ...
require.context实现前端工程自动化
如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块. 一.使用require.context的场景 (1 ...
好程序员HTML5大前端分享常用开发工具大集合
HTML5作为当前最为流行的编程语言,广为适用.语言的使用人数急剧增长,更多地开发人员使用这种语言来创建各种内容并放到互联网上.随着每一个新版本的发布,HTML通过更好的功能和技术渐渐占据了制高点.接 ...

最新文章

热门文章