位置: 编程技术 - 正文

小心!AngularJS结合RequireJS做文件合并压缩的那些坑(angularjs常用总结)

编辑:rootadmin

推荐整理分享小心!AngularJS结合RequireJS做文件合并压缩的那些坑(angularjs常用总结),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angularjs2,angular.min.js,angular.json详解,angular script,angularjs1.5,angularjs1.5,angularjs常用总结,angularjs常用总结,内容如对您有帮助,希望把文章链接给更多的朋友!

在项目使用了AngularJS框架,用RequireJS做异步模块加载(AMD),在做文件合并压缩时,遇到了一些坑,有些只是解决了,但不明白原因。

那些坑1. build.js里面的paths必须跟main.js里面的保持一致。

这个build.js就是r.js使用的配置文件,而main.js就是RequireJS的main文件。在合并压缩时候,build.js文件里面也需要写paths,而且还是跟main.js一样,我很奇怪为什么就不能识别main里面的require.config的paths,省得合并的时候还要将paths拷贝过来(我试过build.js里面没有paths,是不能合并的)。(-_-!!!)

2. 某些依赖库需要写整个相对路径才能做合并。

在项目里, 我使用一个叫layer的第三方库(库是以requireJS define写的),一开始只做开发时候,在paths配置了路径后,使用此库只需要用个简称(define依赖时候)。 但在做合并时候,竟然提示文件不存在(因为直接拿简称去拼文件地址了),无奈之下只能修改这个库的使用办法,全部使用到这个库的都写整个相对路径,这个时候开发和做合并才没有错。

3. 合并之后可以运行,加上压缩就不可以。

这个是最严重问题,最严重问题,最严重问题。在文件合并压缩后,使用文件时候,AngularJS运行就不正常了,总是报模块初始化失败,Failed to instantiate module common due to: Error: [$injector:unpr] Unknown provider: e,如下图。

很关键的一个点就是,不压缩可以用,一旦压缩了(用了默认的压缩),使用就会报错。所以思考必定某些东西被“压坏”了,网上某些文章都说是需要下面这样写AngularJS cntroller、directive等,使用的服务用字符串定义。

可是我的整个应用就是这样定义,并没有给它注入错误的机会。最后在无奈之下,就只能配置mangle: false,不混淆变量名,这样做后,合并压缩的文件就能正确使用了!!!

PS:简单说法就是,合并压缩可以,变量名不能混淆(总觉得怪怪的),感觉问题暂时无解。

4. 第二层的require,做合并的时候,是合并不出来。

小心!AngularJS结合RequireJS做文件合并压缩的那些坑(angularjs常用总结)

例如在mian.js里面这样加载模块,在合并时候会发现第二层的require并没有被合并到。

这时需要在build.js加findNestedDependencies: true, 这时才会合并第二层。

合并准备

1、安装nodejs

文件合并压缩基于nodejs,所以先安装nodejs。

2、下载r.js

r.js配合requirejs模块写法对文件进行合并,压缩。

简单配置

配置文件最好写一个build.js,如下:

这里就讲几个关键属性:

baseUrl:所有的模块(般就是js)都相对于这个路径存在。

optimize:优化脚本文件的方式,有下面5种取值方式。

uglify:(默认) 用UglifyJS压缩。 uglify2: 用UglifyJS2( 2.1.2+)压缩。 closure: 使用Google's Closure Compiler 简单优化模式压缩文件, 仅在优化工具使用Java有效。 closure.keepLines:跟closure参数一样, 只不过保留换行符。 none: 不做压缩。

findNestedDependencies:寻找require()里面的require或define调用的依赖。

PS:配置属性还有很多,就不一细细说了。当文件配置好后,就执行命令合并压缩

总结

RequireJS模块的合并压缩还是比较简单的,但是遇到AngularJS,在压缩方面就有些问题了,目前没找到什么更好办法。

标签: angularjs常用总结

本文链接地址:https://www.jiuchutong.com/biancheng/383761.html 转载请保留说明!

上一篇:javascript跑马灯抽奖实例讲解(前端跑马灯实现)

下一篇:实例讲解js验证表单项是否为空的方法(js验证正整数)

  • 补提以前年度的盈余公积可以在本年任意月份提取吗
  • 上年度已交房产税减免如何做账务处理
  • 税金及附加需要计提吗
  • 子公司之间股权转让
  • 办公费税前扣除标准2023
  • 月末只有进项税需要把转出未交增值税转到未交增值税
  • 利润表中其他业务利润是什么
  • 净资本和净资产区别
  • 房产税原价包括地价吗
  • 小规模纳税人企业所得税起征点
  • 收取外部客户电费如何结转成本
  • 水利建设基金2021
  • 出口退税收入凭证怎么填
  • 三联专用发票每一联分别给谁
  • 应收账款确认无法收回
  • 固定资产投资增长意味着什么
  • 留存收益转增股本,另一方公司怎么做账
  • uv价值是怎么计算公式
  • 公司为员工承担房租
  • 收到购买商品发票怎么做账
  • WIN10专业版永久激活
  • i9 9900ks什么意思
  • 企业如何选择会计师事务所
  • 民办非企业年底额度不能低于多少
  • 清除cookies有什么用
  • 简单制作教程
  • win7系统还原系统保护关闭
  • PHP:mb_encode_mimeheader()的用法_mbstring函数
  • windows7安装nodejs14
  • php生成代码
  • php缓存原理
  • 收到保险公司退款
  • uniapp封装组件,多了一层
  • 2023跨年代码大全可复制免费
  • shell中put命令
  • php调用微信扫描二维码
  • 库存盘亏进项税怎么抵扣
  • 查询的命令
  • 个税申报表收入额怎么填
  • 职工教育经费具体比例
  • 预收款预缴增值税如何核算的
  • 城市道路占用费的收费标准
  • 借预收账款贷其他应付款什么意思
  • 文章让修改了就一定会接收吗?
  • 支付宝提取到公积金账户
  • 增值税扣税凭证进项税额转出情况核实函
  • 资产负债表的种类
  • SQL SERVER 2008 CTE生成结点的FullPath
  • 按月缴纳增值税的纳税人申报期限为计算期次月的( )
  • 小企业会计准则适用于哪些企业
  • 残疾人就业保证金上年工资总额是说上一年度么
  • 销售增长率计算公式财务管理
  • 开红字发票需要做收回原发票吗?
  • 招标公司的成本控制
  • 党费结余如何计算
  • 小规模纳税人劳务费税率
  • 印花税的征税对象有哪些
  • 可转债不卖会亏钱吗
  • 工程未完工开了发票怎么做账
  • 一家公司一定要有一个社保吗
  • 高新企业认定条件2022上海
  • Win10系统任务栏一直转圈
  • win8.1删除wifi
  • soffice.exe - soffice进程是什么意思 有什么用
  • mac入门视频教程
  • linux vi中查找内容
  • win10新版磁贴
  • [置顶] 此外,车牌号:458143(懂得都懂[吃瓜])
  • js中事件的三要素
  • css中列表样式
  • ssh -keygen
  • 简单的横向棱纹魔杖
  • JavaScript中setMonth()方法的使用详解
  • 个体工商户税务年报网上怎么申报
  • 研发费用加计扣除75%还是100%
  • 房产税纳税义务终止
  • 残疾人创业有税收什么优惠政策
  • 武汉经济技术开发区法院立案庭电话
  • 江苏省国税局客服电话
  • 国税系统三方协议
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设