Gulp

自动给CSS加前缀

Autoprefixer CSS online
filter选择支持最近的几个浏览器版本
/-------------------------------------------------------------------------/

命令行 Autoprefixer

npm install --global postcss-cli autoprefixer
postcss *.css --use autoprefixer -d build/

postcss是命令 , *.css要处理什么css , --use autoprefixer是使用插件生成autoprefixer的结果 , -d build/ 目标目录

cssnano

压缩CSS

npm install cssnano

同时使用 创建postcss.config.js

module.exports = {
    plugins: [
        require('cssnano'),
        require('autoprefixer')
    ]
}

uglifyJS

npm i uglify-js -g
npm i uglify-es -g 压缩ES6

Gulp

用Gulp重复上面的事
1.安装gulp
2.安装所需插件
3.按照官方教程做

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装Gulp首先需要安装Node.js,并在控制台输入$ npm install gulp -gMac端需要写成$...
    LaBaby_阅读 947评论 0 1
  • 参照Gulp for Beginners来学习Gulp基本内容。以下为学习记录笔记。 安装Gulp 首先需要安装N...
    JenniferYe阅读 2,563评论 1 17
  • 原文标题:Gulp for Beginners作者: Zell Liew翻译:治电小白菜原文地址:https://...
    ZZES_ZCDC阅读 1,604评论 6 18
  • 去看大鱼的时候,朋友说了一句话“纯粹地去看,不要拿自己的世界观去评判。” 结果,我看完出来的脑子是被问题包围的。 ...
    风陵渡君阅读 14,429评论 5 12
  • nn
    姑苏城官希阅读 349评论 0 1