美文网首页
gulp合并压缩js

gulp合并压缩js

作者: 无名小码农 | 来源:发表于2018-04-19 14:30 被阅读0次

1.安装gulp

gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs

完成nodejs安装之后,需要使用npm安装gulp。

先安装全局gulp

<pre style="line-height: 28px; white-space: pre-wrap;">npm install -g gulp</pre>

然后在项目根目录下安装本地gulp。

image

在项目根目录下执行以下命令:

<pre style="line-height: 28px; white-space: pre-wrap;">npm install gulp-clean-css gulp-uglify gulp-concat gulp-rename --save-dev
npm install jshint gulp-jshint --save-dev</pre>

安装好的插件会出现在上面提到的node_modules文件夹中。

2.使用gulp

gulpfile.js中添加以下代码

6631635113701340166.png

在文件根目录下执行gulp命令:


6631911091117153208.png

相关文章

  • gulp-concat js-压缩并合并

    引入 gulp 模块 引入 uglify 压缩 模块 引入 js 合并模块 压缩 并 合并 js文件

  • gulp-css压缩

    gulp是什么?使用 gulp 实现图片压缩、CSS 压缩合并、JS 压缩合并 gulp是一个基于流的构建工具,可...

  • 自动化构建工具

    gulp webpack grunt gulp--构建项目,压缩合并处理,依赖于 gulpfile.js...

  • 前端自动化工具|gulp新手入门

    gulp是前端自动化工具,它可以进行html压缩、css压缩合并、js检查压缩、图片压缩、编译less、编译...

  • gulp合并压缩js

    1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。 完...

  • Gulp总结

    # gulp 前端自动化构建工具,可以进行文本合并,文件拷贝,js压缩,css压缩,图片压缩等。 ### 入门 1...

  • 网站性能优化

    1、资源压缩合并 (1)图片:雪碧图 (2)JS、CSS合并:利用项目构建工具webpack、grunt、gulp...

  • 前端自动化工具之gulp

    gulp 作用压缩、合并js和css 文件 文件的压缩合并可以减少缓存 减少文件的网络请求可以提高网页速度,所以g...

  • Gulp总结

    gulp 前端自动化构建工具,可以进行文本合并,文件拷贝,js压缩,css压缩,图片压缩等。 入门 全局安装 gu...

  • 最新 完整 gulp之自动化静态资源压缩合并加版本号

    最新 完整 gulp之自动化静态资源压缩合并加版本号 这个方案主要是为了实现js/css/image的压缩合并、自...

网友评论

      本文标题:gulp合并压缩js

      本文链接:https://www.haomeiwen.com/subject/thswkftx.html