gulp合并js代码问题


// 合并,压缩文件
gulp.task('scripts', function() {
    gulp.src('src/js/*.js')
        .pipe(concat('all.js'))
        .pipe(gulp.dest('./dist'))
        .pipe(rename('all.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./dist'));
});

gulp自动化把所有js代码合并成一个文件,这样不会显得很臃肿吗?一些html页面用到的js代码也合并成一个all.js文件了;


合并是出于减少页面请求数,但这样一来,多页面中的公共 js 就享受不到缓存的加成。
比如 a 页面中的 all.js 包含了 jq, b 页面的 all.js 中也有 jq。这种情况适合把页面公共 js 单独打包,然后每个页面差异的部分再分别打包。
全部合并为一个 js 更适合于单页场景。因为所有内容都集中在一个页面,本身就需要等待各种资源加载。


可以不合并成所有,用模块加载器加载,如果业务很复杂,也可以按照页面功能合并相应的js



相关阅读:
mysql怎么实现mssql的if exists() begin...end功能?
关于mongodb多表和检索查询
brew install php56-redis 安装错误
vue2.0时如何结合highlight.js实现代码高亮的?
程序怎么判断windows的隐藏文件/文件夹?
react 父组件怎么获取子组件的这个值?
react,多个节点执行同一个事件,怎么区分启动事件的是哪个节点?
跨域修改css样式
mac下用chrome浏览器和safiri运行总是出问题?
列表分割数据输出
关于django model relation set的设置问题
新闻类app,每次上拉和下拉刷新都有数据,逻辑是怎样的,如何防止重复?
ios系统cursor: pointer失效
谁能用通俗易懂的言语解释一下区块链中的节点和区块的意思啊
怎么取出排序后字典中的第一个键值对
position定位,设置top为百分数,如何计算?
python 中文写入文件后乱码
jquery实现鼠标滚动时元素消失,不滚动的时候元素回来?
vue2函数化组件的问题
Spring data elasticsearch注解@Filed和@ManytoMany同时使用,搜索结果取到属性为null



快速导航

Copyright © 2016 phpStudy |