Gulp,grunt,seajs/require和browserify/webpack的区别?
2017-03-23 10:08
316 查看
Gulp / Grunt 是构建工具,可以配合各种平台上的插件做js压缩,各种css编译,页面自动刷新,检查语法等,替代手工实现自动化开发
seajs/require和browserify/webpack 这4个都是js模块化的方案
seajs / require:是一种在线"编译" 模块的方案,相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化
browserify / webpack:是一个预编译模块的方案,相比上面的,这个方案更加智能,以webpack为例,首先它是预编译的,不需要在浏览器加载解释器,在本地写的不管是什么风格的模块化(AMD/CMD/ES6),它都能认识,并编译成浏览器能认识的JS。
webpack 是文件打包工具,可以把项目的各种js文件、css文件等打包合并成一个文件或者多个文件,主要用于模块化,预编译模块的方案
Webpack:解释图【来自官网】
seajs/require和browserify/webpack 这4个都是js模块化的方案
seajs / require:是一种在线"编译" 模块的方案,相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化
browserify / webpack:是一个预编译模块的方案,相比上面的,这个方案更加智能,以webpack为例,首先它是预编译的,不需要在浏览器加载解释器,在本地写的不管是什么风格的模块化(AMD/CMD/ES6),它都能认识,并编译成浏览器能认识的JS。
webpack 是文件打包工具,可以把项目的各种js文件、css文件等打包合并成一个文件或者多个文件,主要用于模块化,预编译模块的方案
Webpack:解释图【来自官网】
相关文章推荐
- Gulp/seajs /require/browserify / webpack 简单区分
- gulp/grunt和browserify/webpack的区别
- gulp/grunt和browserify/webpack的区别
- grunt/gulp和browserify / webpack
- Grunt、Gulp区别 webpack、 requirejs区别
- 前端的四种模块化方案(webpack/require.js/seajs/browserify
- Webpack、Browserify、seajs 、require的不同
- gulp/grunt和browserify/webpack说明
- 前端模块化方案的比较(webpack/require.js/seajs/browserify
- webpack中require和import的区别
- gulp与webpack的区别?是一种工具吗?
- grunt, gulp以及webpack概念和应用
- Gulp和webpack的区别,是一种工具吗?
- gulp和webpack的区别
- webpack: require.ensure与require AMD的区别
- Webpack、Browserify和Gulp
- Gulp和webpack的区别,是一种工具吗?
- Webpack、Browserify和Gulp
- Gulp和webpack的区别,是一种工具吗?
- webpack对样式的处理 ,导入样式require和import的区别