`

用javascript将require.js文件的注释和空行去掉

 
阅读更多

最近在看require.js源码,看的差不多就想把源码上的注释跟空行去掉,得到一个“纯净版”,然后再自己添加注释。

首先用javascript读取文件,网上有人推荐用ActiveXObject对象,不过这是ie的(用的Chrome)。就将就用file框读取文件再用fileReader对象读取,文件内容

代码如下

<input type="file"id="files"name="files[]"multiple/>
		<script>
			
			var commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg
			var blinkRegExp = /\n\s*\r/g;
			function handleFileSelect(evt){
				var files = evt.target.files;
				for(var i =0, f; f = files[i]; i++){
					var reader = new FileReader();
					reader.readAsText(f);
					reader.onload = function(e){
							var kk = e.target.result.replace(commentRegExp,'')
							alert(typeof(kk) === 'string')
							console.log(kk.replace(blinkRegExp,''));
						};
				}
			}

			document.getElementById('files').addEventListener('change', handleFileSelect,false);
		</script>

 关键在第二个正则,第一个匹配注释的正则require.js中自己就有。

接着找匹配空行的发现网上说法千奇百怪,就想自己写,然后各种尝试不行,最后就想了个偏招,换行是\r\n如果是有两个空行则有两个\r\n连在一起,即\r\n\r\n,去掉一个\n\r就行了。

反正是各种试都不行,最后把require.js的代码复制到另外一个文件里面,再处理,结果行了。。。我日了

分享到:
评论

相关推荐

    require.js.rar

    总的来说,require.js和AMD规范为JavaScript开发带来了一种全新的模块化和异步加载思路,极大地优化了前端开发流程,降低了项目复杂性,提高了开发效率。理解并掌握require.js的使用,对于任何JavaScript开发者来说...

    require.js文件

    require.js用于模块化管理javascript的管理工具,非常实用

    Javascript模块化编程(Require.js)

    JavaScript模块化编程是一种组织代码的方式,它使得代码更易于维护、重用和协作...同时,随着ES6的普及,现在更多地使用`import`和`export`语法进行模块导入导出,但Require.js在一些老项目和特定场景下仍然有其价值。

    require.js插件-text.js使用

    今天我们将深入探讨其中的一个插件——text.js,它是RequireJS用于加载文本文件的专用工具。 RequireJS的核心在于它的异步加载能力,通过define函数定义模块,并使用require函数来获取和执行这些模块。然而,当我们...

    javascript高级模块化require.js的具体使用方法

    Require.js是一种JavaScript模块加载器,它遵循AMD(异步模块定义)规范,这种规范允许你以异步的方式加载JavaScript模块。它非常小巧,压缩后的大小只有14KB,适合用于管理前端JavaScript模块的加载,能够有效地...

    Node.js-基于require.js的Node打包方案

    在Node.js环境中,`require.js`通常用于浏览器端的模块加载和管理,它遵循AMD(Asynchronous Module Definition)规范,而Node.js自身则使用CommonJS规范处理模块导入。不过,有时候开发者可能希望将使用了require....

    require.js的用法详解

    require.js是一种JavaScript模块加载器,设计用于解决JavaScript代码的组织和异步加载问题。在早期的网页开发中,所有的JavaScript代码通常被编写在一个文件里,随着项目规模的扩大,代码量增加,这种方法不再适用。...

    require.js最新版2.3.5

    RequireJS不仅提供了模块化管理和异步加载,还支持插件系统,可以通过插件扩展其功能,如优化(r.js)、数据绑定(require-bind-dom)、CSS加载等。这些特性使RequireJS成为构建复杂前端应用的强大工具。 总之,...

    Javascript模块化编程(三)require.js的

    本篇将深入探讨require.js,一个广泛使用的JavaScript模块加载器和异步依赖管理库,尤其适用于大型项目的开发。 require.js的核心概念是AMD(Asynchronous Module Definition),即异步模块定义。它允许我们在脚本...

    require.js build

    `require.js` 是一个流行的JavaScript模块化加载器,它使得在浏览器端管理JavaScript代码变得更加有序和高效。在HTML5 Boilerplate(一个前端开发基础模板)中整合`require.js`,可以提升项目的构建质量和性能,特别...

    前端require.js

    **require.js**是一种在前端开发中广泛使用的JavaScript模块化加载框架,主要解决的是JavaScript在浏览器环境中缺乏内置模块化支持的问题。它引入了CommonJS风格的模块化机制,使得JavaScript代码可以像服务器端语言...

    require+r.js打包

    本文将详细介绍如何在Node.js环境下使用require.js和r.js进行代码处理。 首先,了解AMD模块化。AMD是为了解决JavaScript在浏览器环境中的异步加载问题而设计的,它允许模块和依赖关系可以并行加载,提高页面的加载...

    require.js教程

    RequireJS是一个JavaScript文件和模块加载器,主要用来解决JavaScript代码中依赖管理问题,避免传统通过script标签嵌入和加载JavaScript文件导致的依赖问题,如加载顺序、重复加载等问题。它支持模块的异步加载,...

    使用require.context完成本地图片批量导入

    将我的博客文章(https://blog.csdn.net/IT_interest/article/details/122973985)中的内容用项目实现出来,功能为:使用webpack中的require.context功能,批量导入本地图片,并且可根据需要支持多格式图片导入。...

    require.js

    一个管理js文件的加载的开源js库,官网地址http://www.requirejs.org/

    基于Require.js使用方法(总结)

    使用Require.js的目的是为了解决在浏览器端开发时遇到的两个主要问题:一是多个JS文件加载导致的浏览器停止渲染问题,二是维护JavaScript文件间复杂的依赖关系。 首先,当我们在一个页面中加载多个JS文件时,浏览器...

    require.js+vue开发微信上传图片组件

    Require.js是一个JavaScript文件和模块加载器,支持AMD规范,可以在浏览器中异步加载JavaScript模块,以提高页面性能。在开发微信上传图片组件时,我们可以将各个组件的html、js、css分别放在用组件名字命名的文件夹...

    一个结合了require.js+backbone的例子,适合初学者

    在IT行业中,JavaScript框架和技术栈的发展日新月异,Require.js和Backbone.js是其中两个重要的组成部分。Require.js是一款优秀的模块化加载库,它引入了AMD(Asynchronous Module Definition)模式,解决了...

    AMD之require.js与CMD之sea.js

    require.js和sea.js分别是AMD和CMD规范的代表性实现。 require.js由James Burke创建,它的主要目标是通过异步加载脚本来优化页面性能,尤其是在处理大量脚本时。require.js的核心功能包括模块定义、依赖管理和动态...

Global site tag (gtag.js) - Google Analytics