3、PostCSS 入门与实践：从压缩样式表到代码检查

PostCSS 入门与实践：从压缩样式表到代码检查

1. 压缩样式表以节省带宽

在处理 CSS 文件时，即使文件很小，压缩它以节省不必要的带宽使用也是很重要的。我们可以使用 PostCSS 轻松实现这一点，这里将使用 cssnano 插件。

1.1 安装必要插件

首先，打开 Node.js 命令提示符，输入以下命令并按回车键：

npm install --save-dev cssnano
npm install --save-dev gulp-rename

注意不要关闭会话窗口，后续步骤会用到。

1.2 修改 gulpfile.js 文件

接下来，对之前创建的 gulpfile.js 文件进行一系列修改：
1. 在文件末尾添加以下任务：

gulp.task('rename', ['styles'], function () {
  return gulp.src('dest/example.css')
   .pipe(postcss([ cssnano ]))
   .pipe(rename('example.min.css'))
    .pipe(gulp.dest("dest/"));
});
gulp.task('default', ['styles', 'rename']);

2. 在文件顶部添加必要的声明：