优化点十.用gulp-webpack速度慢乍办 ? 上图是初始化构建30个文件的用时,一共用了13秒。用了externals优化后,还有100多kb,比用纯webpack优化要大50多kb。 而且,由于你用的是gulp-webpack,每次有文件改动,都必须全部重新编译一次。因此,跟react搭配建议还是不要用gulp-webpack。
大体介绍了一下我理解的模块化的思想,但是需要指出的是Gulp对js文件的模块化工作是通过Webpack实现的,具体来说是通过安装gulp-webpack模块和相关的loader模块进行js模块化管理的。 在项目中通过npm安装一个gulp-webpack、vinyl-named、imports-loader和string-loader模块(压缩合并模块后面再介绍) $ npm install gulp-webpack 然后在Gulp的配置文件gulpfile.js中通过CommonJs规范引入gulp-webpack 模块,并进行简单配置 //1.引入 gulp-webpack和vinyl-named模块 var webpack= require('gulp-webpack'); var webpack= require('vinyl-named'); //2.js 模块化配置 ,还可以对js文件进行编译(如es6–>es5,react jsx)等等,这些都是通过Webpack的loader实现的,当然这些也可以加入到Gulp中,毕竟Gulp把Webpack当做一个模块,通过gulp-webpack
大致是因为我打算将关于webpack的部分整合到gulp里面的(用的是webpack-stream,我也是最近才知道,webpack-stream是gulp-webpack的进阶版),整合完成后,进行打包
Gulp 对 js 文件的模块化工作是通过Webpack实现的,具体是通过安装 gulp-webpack 及相关 loader 模块进行js模块化管理的。
加载器)和plugins(插件)对资源进行处理,划分成不同的模块,需要哪个加载哪个,实现按需加载的功能,入口引入的更多是js文件 在webpack刚面世的时候,webpack在gulp中也有一个插件(gulp-webpack
gulp侧重于整个过程的控制管理(像是流水线),通过配置不同的任务,构建整个前端开发流程,并且gulp的打包功能是通过安装gulp-webpack来实现的;WebPack则侧重于模块打包。