gulp打js文件时遇到js需要按一定的顺序打包解决方案

最新推荐文章于 2021-06-10 11:34:25 发布

55145848

最新推荐文章于 2021-06-10 11:34:25 发布

阅读量1.4k

点赞数

分类专栏： gulp使用学习文章标签： gulp

本文链接：https://blog.csdn.net/u012857153/article/details/60957517

版权

学习同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

gulp使用

0 篇文章 0 订阅

订阅专栏

gulp打js文件时遇到js需要按一定的顺序打包解决方案

一.自己碰到的问题

用gulp打包压缩js文件，很简单的任务，但是打包的文件加载之后，发现报错。错误是new一个未定的对象。因为一个同事使用的是 var functionName = function (){}声明的函数。由于这种方式不能先调用函数，后声明。打包的时候这个js文件恰好在最后。所以不能先调用。

二.解决方法

1、自己采用的方式是将声明方式改为function functionName () {}的形式，这样可以可以先调用，后声明。因为javascript变量提升的特性。

2、使用gulp-order

https://github.com/sirlantis/gulp-order

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

55145848

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
gulp打js文件时遇到js需要按一定的顺序打包解决方案

gulp打js文件时遇到js需要按一定的顺序打包解决方案
复制链接

扫一扫

专栏目录

使用gulp-uglify压缩js文件

kongjunchao159的博客

07-08

7842

1、全局安装gulp npm install -g gulp 2、项目下安装gulp和gulp-uglify cmd切换到项目目录，执行npm install gulp和npm install gulp-uglify 3、安装完毕后，项目的gulp文件夹下，新增文件gulpfile.js（注意该文件名不可更改），并在gulpfile.js文件中写入如下代码 var gulp = requ

FLS-Gulp：СборкаGulp 2021

02-16

Gulp基于Node.js，利用流(Stream)的概念处理文件，提高了处理大量文件时的性能。与Grunt相比，Gulp的配置文件更加简洁，代码更接近原生JavaScript，因此更容易理解和维护。Gulp的核心思想是通过定义一系列任务（Task...

参与评论您还未登录，请先登录后发表或查看评论

Gulp实现css、js、图片的压缩以及css、js文件的MD5命名

weixin_30379531的博客

02-24

106

目前做代码压缩合并的工具有很多，诸如gulp，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base64、css和js的压缩以及合并，文件的md5重命名 ……。本人之前也是在项目中没具体使用过，闲来无事，查查资料，自己写了一个用gulp工具的小demo，有很多不足之处，欢迎指点。第一步：安装node和npm 不用说，要用gulp，得先安装nod...

gulp+压缩html的顺序,使用 gulp 压缩 JS

weixin_29230773的博客

06-10

118

压缩 js 代码可降低 js 文件大小，提高页面打开速度。在不利用 gulp 时我们需要通过各种工具手动完成压缩工作。所有的 gulp 代码编写都可以看做是将规律转化为代码的过程。## 规律找到`js/`目录下的所有 js 文件，压缩它们，将压缩后的文件存放在`dist/js/`目录下。## gulp 代码你可以[下载所有示例代码](https://github.com/nimojs/g...

gulp压缩顺序

weixin_30731305的博客

09-18

1。https://github.com/nimojs/blog/issues/20 淘宝镜像 2.　　npm install -g gulp 　　安装全局gulp 3.　npm install gulp --save 　　安装本地 4.npm install gulp-uglify　　　　安装js模块 5　npm install gulp-minify-css　　安装压缩css...

利用gulp打包第三方js

zxl1990_ok的博客

05-28

1151

var gulp = require('gulp'), // 合并文件，减少网络请求 concat = require('gulp-concat'), uglify = require('gulp-uglify'), clean = require('gulp-clean'), // 利用该模块可以实现任务按顺序依次执行 runSequence...

grunt 打包工具混淆工具

11-26

此外，还可以结合使用Gulp、Webpack等其他构建工具，根据项目需求选择最适合的解决方案。总结起来，Grunt作为JavaScript的构建工具，其强大的功能和灵活的配置使得前端开发变得更加高效。通过打包、混淆等任务，...

Node.js-采用koa2gulpmysql搭建的一套后台前端集成模板

08-10

标题中的“Node.js-采用koa2 gulp mysql搭建的一套后台前端集成模板”表明这是一个使用Node.js作为后端基础，结合Koa2作为Web应用框架，Gulp作为构建工具，以及MySQL作为数据库的综合项目模板。这个模板旨在为开发者...

前端开源库-gulp-run-sequence

08-30

尽管在描述中提到 Gulp-Run-Sequence 已经被弃用，但在它活跃的时期，它是解决 Gulp 任务顺序问题的一个流行解决方案。`run-sequence` 模块允许开发者定义任务的执行顺序，即使这些任务是在同一个 Gulp 任务中并行...

Webpack前端工程化实践.pdf

10-14

Webpack的配置文件（webpack.config.js）允许自定义构建流程，通过plugins可以扩展更多功能，如自动刷新、代码分割、按需加载等。总结起来，Webpack前端工程化实践是通过Webpack这一强大的模块打包工具，结合NPM...

gulp打包js/css时合并成一个文件时的顺序解决

weixin_33725807的博客

12-23

551

1、可以使用插进gulp-order。 2、可以这样的写法： return gulp.src(['js/common.js','js/**/*.js']) .pipe(concat('build.js'))//合成到一个js .pipe(gulp.dest(buildBasePath+'js'))//输出到js目录 .pipe(ugli...

基于gulp自动化打包流程

weixin_34348174的博客

04-04

2424

背景：为什么要搞自动化呢？因为项目上测试环境的时候，频繁打包，有时候如果bug等级高的话，就算是改一处代码也要打包一版，打完包把svn上原来的项目删除，再把新的包上传到svn，这个步骤太繁琐了，如果项目大的话，打包的时间还长，等的很焦急啊，我这么懒的一个人，少等一下是一下，能少写一行代码绝不多写一行，so看到同事用，自己也去学习了一下，之前一直觉得可能比较难，可是写完之后真的就是炒鸡简单又好用呀...

gulp篇:速玩JS文件合并和压缩

08-13

1万+

gulp合并插件安装: npm install gulp-concat --save-dev 安装好之后 var concat = require(‘gulp-concat’); //引用接下来，只要concat(‘xxx.js’)就算合并了。注意此时只是在内存中生成前面我们学过管道的概念，因此代码整合非常简单 gulp.src([这里写上js]).pipe(concat(‘xxx

angular配合gulp进行代码打包和压缩

锦瑟年华的博客

08-27

3540

这里说一下angular代码配合gulp的打包流程，首先要下载gulp，使用npm全局安装。当然要配合node.js使用。这里说下打包的问题。刚开始是打算将所有代码打包到一起，经过一番努力之后终于打包完成，但是我发现了一个严重的问题，那就是打包到一起的代码并不能很好的运行(页面直接炸掉了)，后来找到了原因，是因为我把所有的html代码打包到一起之后破坏了原有Controller和congig中的引用

jsp下较完整的gulp实例：压缩、md5、上传cdn、路径替换

DaDomain的专栏

11-02

3798

gulp作为前端自动化工具本质上是文件的自动化批处理，所以理论山无论是javaEE，php，rail应该都是可以应用的。这里给大家介绍一下我在实际javaEE项目里的自动化实践。 1、想达到什么目的？这个一定要在一开始就有一些具体的想法。这里想对js、css等资源文件进行压缩，并且通过md5实现版本管理，解决服务器端更新后用户浏览器缓存的问题。并且将所有资源文件上传cdn，并自动

gulp入坑系列(2)——初试JS代码合并与压缩

YuuyaRin的博客

12-09

3666

在上一篇里成功安装了gulp到项目中，现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)——安装gulp（传送门）：http://blog.csdn.net/u013034014/article/details/53543223 在之前建立的项目中写入，在根目录新建js文件夹，并在文件夹中新建两个js文件，代码如下： index.js: var index={}; in

利用gulp.js压缩css,js文件流程

黑山老妖的博客

06-17

1784

看流程之前肯定得先了解一下gulp.js是干嘛的吧,附上官网,大家自己去看APIgulp.js 下面就来说说怎么使用gulp.js,gulp.js是基于node来使用的,那么问题又来了,nodejs怎么安装,这个大家还是去菜鸟教程看一下;这里就不多说了; 第一步.在终端输入 node -v 查看一下你的nodejs是否安装成功,如果安装成功, 就会提示你的版本 ,我的是 v4

【gulp】JS文件的压缩混淆与雪碧图

逛街的喵啊

03-15

4448

平台：node 环境：gulp 插件：gulp-uglify用于压缩混淆JS文件；gulp.spritesmit用于制作雪碧图【JS文件压缩混淆】 var gulp = require("gulp"); var uglifyjs = require("gulp-uglify");//压缩混淆js gulp.task("hunxiao",function(){ return

js排序——sort()排序用法