grunt-csso 项目使用教程
grunt-cssoMinify CSS files with CSSO.项目地址:https://gitcode.com/gh_mirrors/gr/grunt-csso
1. 项目的目录结构及介绍
grunt-csso 项目的目录结构如下:
grunt-csso/
├── tasks/
│ └── csso.js
├── test/
│ └── csso_test.js
├── .gitignore
├── .npmignore
├── .travis.yml
├── LICENSE
├── README.md
├── package.json
└── Gruntfile.js
各目录和文件的介绍如下:
tasks/
:包含 grunt-csso 的核心任务文件csso.js
。test/
:包含项目的测试文件csso_test.js
。package.json
:项目的 npm 配置文件,包含项目的基本信息、依赖项等。Gruntfile.js
:Grunt 的配置文件,用于配置和定义任务。README.md
:项目的说明文档。.gitignore
:Git 忽略文件配置。.npmignore
:npm 忽略文件配置。.travis.yml
:Travis CI 的配置文件。LICENSE
:项目的开源许可证。
2. 项目的启动文件介绍
grunt-csso 项目的启动文件是 Gruntfile.js
。这个文件用于配置和定义 Grunt 任务。以下是 Gruntfile.js
的基本结构:
module.exports = function(grunt) {
// 项目配置
grunt.initConfig({
csso: {
compress: {
options: {
report: 'gzip'
},
files: {
'output.css': ['input.css']
}
}
}
});
// 加载包含 "csso" 任务的插件
grunt.loadNpmTasks('grunt-csso');
// 默认任务
grunt.registerTask('default', ['csso']);
};
在这个文件中,我们配置了 csso
任务,指定了输入文件 input.css
和输出文件 output.css
,并启用了 gzip 报告。
3. 项目的配置文件介绍
grunt-csso 项目的配置文件是 package.json
。这个文件包含了项目的基本信息、依赖项、脚本等。以下是 package.json
的基本内容:
{
"name": "grunt-csso",
"description": "Minify CSS files with CSSO",
"version": "2.2.4",
"homepage": "https://github.com/t32k/grunt-csso",
"author": {
"name": "Koji Ishimoto",
"url": "http://t32k.me/"
},
"maintainers": [
{
"name": "nitriques",
"email": "open-source@deuxhuithuit.com",
"url": "https://deuxhuithuit.com/"
}
],
"contributors": [
{
"name": "szarouski",
"email": "sergey@webuniverse.io",
"url": "http://webuniverse.io/"
}
],
"repository": {
"type": "git",
"url": "git://github.com/t32k/grunt-csso.git"
},
"bugs": {
"url": "https://github.com/t32k/grunt-csso/issues"
},
"engines": {
"node": ">=4.0.0"
},
"scripts": {
"grunt": "grunt",
"test": "grunt test"
},
"peerDependencies": {
"grunt": "^1.0.3"
},
"dependencies": {
"async": "^2.6.1",
"chalk": "^2.4.1",
"csso": "^3.5.1",
"maxmin": "^2.1.0"
},
"devDependencies": {
"grunt": "^1.0.3",
"grunt-contrib-clean": "^2.0.0",
"grunt-contrib-nodeunit": "^2
grunt-cssoMinify CSS files with CSSO.项目地址:https://gitcode.com/gh_mirrors/gr/grunt-csso