⑴ 请教各位mvc的js打包压缩有关的问题
1.引用js文件,如果有.min.js和.js文件 最好只引用.js文件 而不去引用.min.js文件,因为系统在Release之后会自动去查找相应的.min.js文件的 而在debug时会引用.js文件 这样方便调试
2.确定文件是否存在,如果不存在,知道怎么改了吧??
3.我发现楼主还不了解BundleConfig的使用方法。
new StyleBundle("绑定实例名") 这里明明是名称,但为什么这名称看起来像路径
比如你这里的 new StyleBundle("~/Index/css_easyui")
为什么会像路径??
这是有原因的
当你在Release之后 BundleConfig会把你这个Include中的所有文件进行压缩成一个文件,但这个文件的路径是什么,就是这个"绑定实例名"
也就是说 在这里,当你Release之后 你的css将会生成 <link type="text/css" rel="stylesheet" href="~/Index/css_easyui?随机数"/>
接着说:
如果 你的css文件~/Content/Css/themes/icon.css里面有句话:
.cls
{
background-image:url(../img/xxxx.gif);
}
发现问题没有呢? 在Release之前
这个背景图的路径是:~/Content/Css/img/xxxx.gif
而在Release之后 因为你的css文件已经整合到了~/Index/css_easyui?随机数这个文件里面
所以Release之后这个图片路径却变成了:~/img/xxxx.gif
⑵ 把vars.js压缩为vars.rar压缩文件怎么操作
利用winrar软件
1、打开需要压缩的图片文件,选中vars.js后,右击,选择“添加到压缩文件”。
2、软件弹出,压缩文件的提示对话框,在该对话框中可以设置“压缩的文件名,和压缩的文件格式比如(RAR,RAR5,ZIP等)还可以选择其压缩方式”。成功设置后,点击“确定”。
3、在当前活动窗口可以看到,已经压缩成功了,并能查看。
⑶ 怎么用gulp压缩js和css文件
/步骤
首先要确保pc装nodeglobal环境项目文件都install gulp
npm install gulp -g (global环境)
npm install gulp --save-dev (项目环境)
项目install需要gulp插件般压缩需要
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
更插件链接找
项目根目录新建gulpfile.jsrequire需要mole
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del');
压缩css
gulp.task('minifycss', function() {
return gulp.src('src/*.css') //压缩文件
.pipe(gulp.dest('minified/css')) //输文件夹
.pipe(minifycss()); //执行压缩
});
压缩js
gulp.task('minifyjs', function() {
return gulp.src('src/*.js')
.pipe(concat('main.js')) //合并所jsmain.js
.pipe(gulp.dest('minified/js')) //输main.js文件夹
.pipe(rename({suffix: '.min'})) //rename压缩文件名
.pipe(uglify()) //压缩
.pipe(gulp.dest('minified/js')); //输
});
执行压缩前先删除文件夹内容
gulp.task('clean', function(cb) {
del(['minified/css', 'minified/js'], cb)
});
默认命令cmd输入gulp执行命令
gulp.task('default', ['clean'], function() {
gulp.start('minifycss', 'minifyjs');
});
要cmd执行gulp即
⑷ 网站优化:所有的js代码放到同一个js文件中好,还是不同的页面根据需要创建不同的js文件好
网站优化:一个是压缩合并css,js,一个是合并图片和小图标来达到减少请求量的目的;所以当然是所有的js代码放到同一个js文件中好;需要注意的是:
1、只要命名不冲突放一个文件里面完全没问题,初始化代码用一个$(function(){...})包裹着就可以了;
2、不同的页面执行不同的逻辑代码块完全不冲突,关键是知道自己在做什么;
具体做法:
1)比如a.css,b.css,c.css,把里面的内容都复制到一个css中,main.css这样手动就可以合并
压缩的话,网上都有工具来压缩,直接网络 css压缩 就可以了;
2)js大部分是可以直接和css一样手动合并,然后压缩的(压缩方法,和压缩css一样,网络去),不过要注意复制到文件时的顺序,和代码里面的一些规范,不要把依赖什么的搞混了;如果js文件非常多手动处理很麻烦的时候,可能需要借助工具来实现,你可以试着用前端的一些加载器(require,seajs)来做一些优化,达到按需加载的目的,推荐用seajs试试;自动压缩的话,可以用nodejs的grunt来压缩,很好用。
⑸ 百度js和css合并压缩是如何做的
简单来说是通过插件实现,当然现在淘宝出的服务器(nginx修改版)自带有这个功能。 通过一个url地址里写上每个js或者css 路径,然后插件通过路径将js/css 进行gzip形式压缩,最后组合成一个文件输出。你能看到的输出格式是php后缀,但是输出文件的表头是js/CSS 这样浏览器也就当是js/css来解析了。
合并代码工具我推荐minify (PHP),这个比较早,也很简单。
压缩的话网上有很多地方都提供在线压缩
简单说说 JS压缩:
1. 长变量变量名 压缩为短变量名,去空格,去注释
2. 可以将 new Array() 改写为 [], new Object 改写为{} 云云
3. 使用eval, 关键词等等 的复杂逻辑 也可以压缩
这样处理过后,如果觉得还是太大了,还可以采用服务端的gzip压缩传输
⑹ JS中如何用r.js对js进行合并和压缩css文件
呃,用js来压缩文件?
这个可就复杂了,但首先得理清思路
合并,合并就是将两个文件的内容合在一起放到一个文件里面去,js好像还没这么先进
压缩,css压缩其实就是将换行和空格清除,这个js可以做到,但获取一个文件保存文件,这个js做不到,同上1一样,没那么先进
⑺ gulp怎么压缩html js css 混合的文件
合并和压缩JS、CSS文件
压缩JS,CSS文件需要引用如下组件:
gulp-minify-css: 压缩css
gulp-jshint: 检查js
gulp-uglify: 压缩js
gulp-concat: 合并文件
gulp-rename: 重命名文件
gulp-clean: 清空文件夹
gulp-notify:提示
安装组件项目目录,通过cd 进入项目的根目录,执行下边的npm安装组件
npm install gulp-minify-css gulp-jshint gulp-uglify gulp-rename gulp-concat gulp-clean gulp-notify --save-dev
⑻ js文件 压缩成一个 是怎么弄的
gulp + webpack/browserify
用gulp加上webpack或者browserify来完成。js之间使用require相互引用,然后在gulpfile里面设置把所有文件整合输出并uglify
⑼ 为什么用gulp把多个js文件合并压缩后,再直接引入页面就报错了
合并成一个JS文件之后,代码的作用域扩大,难免会造成冲突。找到报错的代码所在位置,找到原JS文件修改下。
举个例子:a.js 中有var foo = 1; b.js 中也有 var foo = 10; 那么合并之后就会有两个 foo 变量, 这样一来在新的js文件中,foo的值就是写在后面的一个,而恰好后面的值会冲突报错。
因此,在合并之前需要确定每个js文件都能正常工作,而且没有函数、变量上的冲突。