美文网首页开源GIS+空间数据应用开源
使用Gulp压缩自定义扩展OL

使用Gulp压缩自定义扩展OL

作者: 秋收拖拉机 | 来源:发表于2019-08-22 21:11 被阅读15次

        相信很多很多小伙伴都有着同样的“小麻烦”,基于OL开发不同的应用系统,却经常写重复的代码,即使是直接“拿来主义”也费神费力,严重影响工作效率,把常用的功能写成js类库,使用gulp压缩,方便后期使用。
1、首先要安装Node环境 http://nodejs.cn/download/

image.png
环境确认:
image.png
2、安装gulp
npm install -g gulp
检查gulp 版本: gulp -v
3、进入项目根目录,创建package.json文件
npm init 一直默认往下,根据实际情况输入
image.png
项目目录下新增了package.json文件、增加devDependencies配置项,内容如下:
image.png
4、安装插件
npm install
由于我们已经创建了package.json,并且添加了devDependencies配置,所以npm install会默认去下载devDependencies中的插件。
5、在根目录下创建gulpfile.js文件
image.png
切换至gulpfile.js根目录,运行 gulp jscompress(根据自己任务名称)
image.png
6、代码压缩成功,即可引用至其他项目中
image.png
此处写了一个调用高德地图的示例:
image.png
参考文献:https://www.cnblogs.com/lovelyun/p/5372251.html
https://www.cnblogs.com/enginex/p/7147728.html

相关文章

  • 使用Gulp压缩自定义扩展OL

    相信很多很多小伙伴都有着同样的“小麻烦”,基于OL开发不同的应用系统,却经常写重复的代码,即使是直接“拿来主义”也...

  • gulp-css压缩

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

  • 项目构建

    项目构建 gulp 合并、编译、压缩等 简单 使用 webpack 合并、编译、压缩等 强大 使用

  • 2018-11-20

    gulp 压缩es6 因为项目没有让使用webpack,没办法只能使用gulp压缩打包,相信大家已经看过很多gul...

  • 如何打包发布-Gulp

    如何打包发布-Gulp 压缩 在线压缩工具 https://javascript-minifier.com/ 使用...

  • Gulp 使用gulp压缩JS

    本节我们学习如何使用 gulp 压缩 JS,在实际项目中,如果 JS 文件太大,那么可能导致页面加载变慢。所以我们...

  • Gulp 使用gulp压缩JS

    本节我们学习如何使用 gulp 压缩 JS,在实际项目中,如果 JS 文件太大,那么可能导致页面加载变慢。所以我们...

  • Gulp 使用gulp压缩CSS

    我们除了可以使用 gulp 压缩 JS 文件,还可以压缩 CSS,压缩 CSS 代码可以降低 CSS 文件的大小,...

  • Gulp 使用gulp压缩CSS

    我们除了可以使用 gulp 压缩 JS 文件,还可以压缩 CSS,压缩 CSS 代码可以降低 CSS 文件的大小,...

  • gulp--自动化构建工具

    常用的gulp插件: 1、css压缩:gulp-caanano; 2、图片压缩:gulp-imagemin; 3、...

网友评论

    本文标题:使用Gulp压缩自定义扩展OL

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