// Project configuration. module.exports = function(grunt) { // 使用严格模式 'use strict'; // 这里定义我们需要的任务 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), //其他任务 concat: { options: { separator: ';', stripBanners: true }, dist: { src: [ "js/Even…

现在已经出现了不少有自己特色的: JSMin Javascript compressor Packer Closure Compiler YUI Compressor Pretty Diff JavaScript Optimizer pack:tag Minify Lightweight CssMin jsmin-php MiniME ShrinkSafe Granule JAWR CombineAndMinify CrunchMe 有些太简单的.基于某主流思路仿写(但又未能超越原作的更新版本)…

这一篇来认识下打包工具的paths参数,在入门一中 就介绍了require.config方法的paths参数.用来配置jquery模块的文件名(jQuery作为AMD模块时id为“jquery”, 但文件名可通过paths配置可以不必是“jquery.js”,而是带有版本的如“jquery-1.7.2.js”). 在入门一中,jquery-1.7.2.js和main.js都在一个域中,即把jquery-1.7.2.js下载到本地了.但有时可能一些JS资源不在同一个域.比如直接使用Google C…

Grunt的配置及使用(压缩合并js/css) 安装 前提是你已经安装了nodejs和npm. 你能够在 nodejs.org 下载安装包安装.也能够通过包管理器(比方在 Mac 上用 homebrew,同一时候推荐在 Mac 上用 homebrew). 安装grunt CLI npm install -g grunt-cli 依照官方的说法.grunt-cli仅仅是为了在同一台机器上安装不同的grunt版本号,那么咱们先不去管他. 在项目中使用grunt 首先须要往项目里加入两个文件:pack…

最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.js压缩打包配置文件,文件名可随意 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ({     appDir  :…

AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.js压缩打包配置文件,文件名可随意 ({ appDir : './', //基于build,根目录 baseUrl : './project', //基于appDir,项目目录 dir : './project.min', //基于build,输出目录 locale : 'en…

一.CSS文件打包 1.在src下新建css文件,在css文件下新建index.css文件,输入以下代码 body{ color:red; font-size:20px; } 2.css建立好后,需要引入到入口文件,这里我们引入到index.js中 import css from './css/index.css'; document.write("It works."); 3.在终端安装style-loader和css-loader 4.安装好后,我们开始在webpack.confi…

Linux中常用压缩打包工具 压缩打包是常用的功能,在linux中目前常用的压缩工具有gzip,bzip2以及后起之秀xz.本文将介绍如下的工具常见压缩.解压缩工具以及打包工具tar. gzip2 直接压缩文件 gzip FILE 压缩只能压缩文件,而不能是目录:如果需要压缩目录,需要加上-r选项 [root@vathe tmp]#ls test [root@vathe tmp]#gzip test [root@vathe tmp]#ls test.gz 保留源文件压缩 gzip -c FILE…

var gulp = require("gulp"); // var babel = require("gulp-babel"); // 用于ES6转化ES5 var uglify = require('gulp-uglify'); // 用于压缩 JS var minifycss = require('gulp-minify-css'); var amdOptimize = require("amd-optimize"); var concat…

打包的目的和意义就不用叙述了直接上干货 http://www.gruntjs.net/getting-started里面的教程也太简单了,需要下一番功夫去研究才行.本文将grunt打包的常用方法都用实例描述,更加清晰易懂. 1.    第一个简单的grunt打包 1)需要安装nodejs:http://www.cnblogs.com/chuaWeb/p/nodejs-npm.html 本人的nodejs工程目录为F:\chuaNodejs(后续所有相对路径都是相对于这个目录) 2)命令行到nod…

1.这里想讨论的是拆分规则,不是在问哪个工具怎么使用.2.这里没有在想找正确答案,因为感觉这个问题要结合具体业务场景. 随着项目开发越来越大,一开始代码全打包到一个文件的方式,让文件越来越大,接下来要做拆分,可具体的拆分规则又不是很熟悉,或者说,我没有一个很好的方案,所以想到这是一个值得讨论的话题,想提问的形式拿出来,请各位大神有这方面接触的分享一下自己的经验. 这个问题有一定局限性,因为不同的业务场景,可能拆分方式还有不同,所以,可否想讨论的朋友能把具体的业务场景细说一下,再结合具体业务场景给…

压缩解压命令 gzip  文件   -c : 将压缩数据输出到屏幕,可用来重定向 -v   显示压缩比等信息 -d   解压参数 -t    用来检验一个压缩文件的一致性看看档案有没错 -数字 : 压缩等级,-1最快,但压缩比最差 -9 压缩比最佳,默认-6 zcat :  压缩过得文件名  ==>查看压缩文件 gunzip 压缩过的文件名  ==>解压 只能压缩文件 不保留源文件 解压 gunzip  文件名 gzip -d  文件名 ============================…

实际开发中,在项目上线之前,我们编写的js代码是需要进行压缩的,我们可以采取压缩软件或者在线进行压缩,这不是我们的重点,在webpack中实现JS代码的压缩才是本节的核心. 通过webpack中可实现的JS代码压缩是通过插件的方式实现的----uglifyjs-webpack-plugin(JS压缩插件,简称uglify). 注意:虽然uglifyjs是插件,但是webpack版本里默认已经集成,不需要再次安装. 1.使用uglify插件实现JS代码压缩 1.1 插件引入 首先需要在webpac…

现在我用ASP.NET MVC4.0,发现它自带有脚本和样式压缩功能.不知道以前的版本有木有,没有深究.太棒了!以前我们还辛辛苦苦自己搞了一个压缩的东西.这再次说明,平庸程序员如我辈,应该把时间和精力花在学习新知识.了解业界新动向上,而不要埋头去搞什么通用的类库.模块之类的东西,还没搞出来已经落后了. ASP.NET MVC4.0 自带的压缩功能是这样用的: 1.在app_start/bundleconfig.cs里设置键,如 bundles.Add(new ScriptBundle("~/js…

webpack4.16压缩打包 本文所用插件版本如下: nodejs:v8.11.3; npm:5.6.0 webpack:4.16 webpack的更新速度很快,差不多几个月就会出一版,最新的4系列对webpack2和webpack3进行了很大的改进,同时也有很多坑需要踩,本文使用最基本的html,css,js文件进行压缩打包,对webpack4.16使用方法进行梳理,有任何问题也欢迎提出.同时附上webpack中文官方文档,有部分概念.配置.API等,请参考官方文档. 准备 1. 安装Nod…

转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具.•npm – npm 是 javascript 的包管理器.•Bower – 一个 web 应用的包管理器.•component – 能构建更好 web 应用的客户端包管理器.•spm – 全新的静态包管理器.•jam – 一个专注于浏览器端和兼容 RequireJS 的包管理器.•jspm – 流畅的浏览器包管理器.•Ender – 没有库文件的程序…

常用配置文件说明: 1..设置-n永远生效:Vim的配置文件:命令模式想永久生效, ~/.vimrc,新建文件,在里面输入保存即可 2.设置别名永远生效:在~/.bashrc  修改当前用户家目录里的.bashrc, 仅对当前用户生效,是个人配置文件./etc/bashrc 对所有用户生效,是全局配置文件.) 3. cd  /var/log/messages(系统主日志文件) cd  /var/log/boot.log 启动加载器的日志文件. 4.用户配置文件: /etc/passwd 5.用户…

昨日内容回顾 # 1.搭建yum私有仓库 1.安装必须的工具 yum install createrepo yum-utils nginx -y 2.创建目录 mkdir /opt/test 3.创建包目录 mkdir /opt/test/Packages 4.下载安装包 下载到Packages目录中 https://repo.huaweicloud.com/centos/7/os/x86_64/Packages/zsh-5.0.2-34.el7_8.2.x86_64.rpm 5.初始化仓库 c…

笔记 1.晨考 1.搭建yum私有仓库的步骤 1.安装工具 yum install createrepo yum-utils nginx -y 2.创建目录 mkdir /opt/test 3.创建包目录 mkdir /opt/test/Packages 4.下载安装包 下载到Packages目录中 https://repo.huaweicloud.com/centos/7/os/x86_64/Packages/zsh-5.0.2-34.el7_8.2.x86_64.rpm 5.初始化仓库 cr…

原文:几个常用的CSS3样式代码以及不兼容的解决办法 border-radius实现圆角效果 CSS3代码: -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#666; width:200px;height:100px; Firefox,Chrome Google,Safari等浏览器的显示效果如图0-0: 图0-0 但是IE这个异类不支持CSS3的这个属性,在IE…

学习rollup.js模块文件打包 一:rollup 是什么?Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码. webpack 和 Rollup 对比不同点: webpack支持在项目中使用对项目进行打包,webpack的核心功能包括 code-splitting(按需加载js)和 static assets(资源文件处理). rollup 适合使用在独立的js库中进行打包.但是目前还不支持 code-splitting 和 热更新,更趋向专注于构建分…

坚持知识分享,该文章由Alopex编著, 转载请注明源地址: http://www.cnblogs.com/alopex/    索引: 介绍压缩和打包 gzip bzip2 zip 的基本使用 gzip bzip2打包文件 需要 tar 的支援 同一文件使用不同压缩工具的比较 对zip gzip bzip2 信息总结   知识摘要: 能够完成文件的压缩和解压的基本操作 能够明白压缩和打包的概念 对于选择何种压缩命令有初步认识 涉及命令 : zip(unzip), gzip, bzip2, ta…

我使用vue-cli搭自己的博客,希望引入公共样式: // main.js import './assets/styles/common.css' 我本来是希望webpack打包后,能将这个样式独立打包,在生成的html文件中用<link href='/static/css/common.css'>这样的形式引入,这样浏览器就能缓存,各个页面需要的话就import一下,也不用重新加载了,可是谁知道,webpack将我的common.css文件打包到了app.css中,混到一起了,这样还复用个毛…

通常情况下,maven打包结果为jar或war包.如果需要一并打包配置文件等参数,通过resources配置指定需要打包的文件参数,如下示例: <project> ... <!-- 定义环境 --> <profiles> <!-- 开发环境 --> <profile> <id>dev</id> <properties> <!-- 定义profileActive属性 --> <profileAc…

.tar 文件(注:tar是打包,不是压缩!) # 仅打包,并非压缩 tar -xvf FileName.tar # 解包 tar -cvf FileName.tar DirName # 将DirName和其下所有文件(夹)打包 .gz文件 # .gz gunzip FileName.gz # 解压1 gzip -d FileName.gz # 解压2 gzip FileName # 压缩,只能压缩文件 .tar.gz文件. .tgz文件 # .tar.gz 和 .tgz tar -zxvf F…

https://www.taoquns.com 自己搭的个人博客 require.js 参考阮一峰 Javascript模块化编程(三):require.js的用法 r.js 合并压缩 参考司徒正美 r.js合并实践 准备: vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 文件目录 忽略部分文件及文件夹 一.先说vue 组件 先引入vue 再引入vue组件 Vue.extend({}) 定义组件 template data me…

web页面常用功能js实现   1.网页未加载时弹出新窗口 <body onunload="window.open('http://www.a68.cn');"></body> 2.浏览网页时鼠标不能点击右键 <body oncontextmenu="window.event.returnValue=false"></body> 3.设置回车键 <form id="myform" action…

删除 rm -rf 目录 tar -zcvf /home/xahot.tar.gz /xahot tar -zcvf 打包后生成的文件名全路径 要打包的目录 例子:把/xahot文件夹打包后生成一个/home/xahot.tar.gz的文件. # tar -xf all.tar 这条命令是解出all.tar包中所有文件,-x是解开的意思 zip 压缩方法: 压缩当前的文件夹 zip -r ./xahot.zip ./* -r表示递归 zip [参数] [打包后的文件名] [打包的目录路径] 解压…

在Linux日常维护中,经常需要备份同步一些比较重要的文件,而在传输过程中如果文件比较大往往会非常慢,而且还会非常占用空间,这时候就需要我们使用压缩工具对大文件进行压缩打包,下面我们来介绍一下常用的压缩工具以及其使用方法. .命令: gzip [-d][--][filename] 作用:用来压缩文件,不能直接压缩目录,压缩完毕后源文件消失 ‘-d’ 解压 ‘-[-]’ 压缩等级(默认为6) 若想查看gzip压缩文件内容,可使用命令 zcat filename.gz 补充:       '-c'…

bootstrap课程3 bootstrap中常用的排版样式有哪些 一.总结 一句话总结:bootstrap里面对常用表情比如p.h1.code等html中的常用表情都修改了样式,照着手册用就好,样式相对还挺好看的. 1.bootstrap如何做选择题? 自定义样式列表dl dt dd…