标签：插件 postcss gulp 使用 cssnano PostCSS
更多gulp常用插件使用请访问：gulp常用插件汇总
cssnano这是一款将你的 CSS 文件做 多方面的的优化，以确保最终生成的文件 对生产环境来说体积是最小的插件。
安装
一键安装不多解释
npm install --save-dev cssnano使用
使用 PostCSS 命令行工具（CLI）
安装 cssnano 之后，你需要一个 PostCSS 运行器（runner）来 执行 CSS 文件的压缩工作。我们推荐使用 PostCSS 的命令行模块（postcss-cli）， 但是你也可以使用下一节中列出的任何替代方法。
通过以下命令安装 PostCSS CLI：
npm install postcss-cli --global完成此操作后，需要在项目的根目录中创建一个 postcss.config.js 文件来配置 cssnano。这既包含了 cssnano 也包含任何需要用到项目中的其它 插件 ， 例如：
module.exports = {
plugins: [
require('cssnano')({
preset: 'default',
}),
],
};关于预设（preset）请参考 预设（preset）指南。
现在就可以压缩你的 CSS 文件了！通过在你的 项目目录下创建一个名为 input.css 的文件，并输入一些样式代码，然后执行：
postcss input.css > output.css然后你就可以看到一个包含相同样式代码但是被压缩过的 output.css 文件了！
注意，你还可以在 GitHub 仓库中找到一个 基本示例 以供学习。
命令行工具（CLI）的替代方案
你还可以使用任何其它的 PostCSS 运行器（runner）来管理 CSS 的压缩工作，下面列出的这些比较常用。
- Grunt
使用 grunt-postcss。 - Gulp
使用 gulp-postcss。 - Webpack
将 cssnano 与 postcss-loader 一起使用。 - 其它
请参阅 PostCSS 文档 了解更多可用的执行器（runner）。
标签：插件,postcss,gulp,使用,cssnano,PostCSS 来源： https://www.cnblogs.com/jiaoshou/p/12188108.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。