使用requirejs的r.js压缩碰到的问题

1.
require模块里,再去require模块,依赖分析不到,r.js不会合并。
解决办法:还是放在require([])的这个数组里。

2.

r.js也不会识别jquery.min.js。
解决办法:把jquery.min.js改名成jquery.js。

时间: 2024-11-08 00:59:12

使用requirejs的r.js压缩碰到的问题的相关文章

requireJs和r.js压缩工具

上面release是执行命令 node r.js -o build.js 生成的,需要切换到目录require/tools下面,也就是 有r.js和build.js的目录,才能执行命令 代码目录如上: main.html代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello RequireJS</title> </head

RequireJS模块化后JS压缩合并

使用RequireJS模块化后代码被拆分成多个JS文件了,在部署生产环境需要压缩合并,RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩.r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包. r.js的压缩工具使用UglifyJS或Closure Compiler.默认使用UglifyJS(jQuery也是使用它压缩).此外r.js需要node.js环境,当然它也可以运行在Java环境中如Rhino.JAVA环境使用Ant构建可以参考另外一篇RequireJ

使用r.js压缩整个项目的JavaScript文件

r.js是RequireJS的一部分(optimizer).它依赖于UglifyJS,而UglifyJS基于nodejs.r.js多数时候配合模块化(AMD)写法进行合并,压缩.如果你的代码不采用AMD方式,也可以用它来压缩.这篇讨论的是当不采用AMD方式组织代码时压缩整个项目的js文件. 假设项目中所有的js文件都在scripts目录中 项目中有css,html,scripts三个目录,分别对应css,html和js文件.下载的r.js与myapp平行放置. scripts-build目录放置

用 requirejs 的 R.js 打包css + js

最近用requirejs做了一个项目,实现了模块化的开发方式,通过声明将依赖引入,有效的管理了各个模块之间的依赖关系,开发也有条不紊的进行,但是最近要上线,就面临着一个打包的问题,因为js模块化,导致js文件很多,所以要将其压缩成一个文件. 一.压缩js 1.首先你要先有nodejs环境,没有可以去装一个 2.你得下载R.js 3.新建一个build.js ({ baseUrl: "../src/main/webapp/static/js", name: "app"

r.js压缩代码常用的配置及命令

最近用require写了一个网站的模块,到压缩的时候,各种查资料学习,但由于时间较紧,将所有代码都压缩成一个文件,导致代码的体积很大,今天抽时间网上参考下官网的说明配置,将这次压缩代码的配置及运行命令记录下来,以后留着用. 1. js的压缩 这次只是初步应用,如果有好的方法或有误的地方,还望各位大侠们指教. 第一种配置的文件: 需要把所有依赖的文件都压缩到当前代码中. ({ baseUrl: "./", paths: { amd_modules: "../amd_module

r.js压缩打包(require + backbone)项目开发文件

最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.js压缩打包配置文件,文件名可随意 ({ appDir : './', //基于build,根目录 baseUrl : './project', //基于appDir,项目目录 dir : './pro

使用r.js压缩js代码

在项目中,使用r.js搭配node环境对项目中的所有js文件进行一键压缩,首先下载r.js,放在目录中,项目目录结构如下: 其中,build.js文件是需要我们自己配置的,r.js会根据它去找被压缩的目录和压缩后的放置目录.大概如下: (function() { var re = { //js路径 baseUrl: "./js", //发布目录 dir: "./js_build", //代码内部写的require也计算在打包内 findNestedDependenc

requirejs和r.js的心得

requirejs的GitHub:requirejs r.js的GitHub:r.js grunt-contrib-requirejs的GitHub:grunt-contrib-requirejs requirejs的一个典型配置,main.js require.config({ shim: { '$': { exports: 'Zepto' //zepto.js里面暴漏的全局变量 }, '_': { exports: '_' }, 'B': { deps: [ '_' //依赖关系 ], ex

require.js+backbone 使用r.js 来压缩,本地不压缩,生产环境压缩 的实现方式

requie.js 和backbone.js 这里就不说了,可以去看官方文档,都很详细! 但是使用require.js 默认带的压缩方式感觉不是很方便,所以本文主要讲 利用r.js压缩,来实现本地不压缩,生产环境压缩 r.js 是运行在node上的,默认使用UglifyJS.UglifyJS真的很好用,那为什么说默认的方式 不是很方便呢? r.js 单独压缩一个文件也很好用的,但在实际项目中,总不能一个一个压吧!因此r.js提供了一种多文件的压缩方式 ,使用一个叫bulid.js 的配置文件来配