FIS3常用配置
2018-06-24 01:11:09来源:未知 阅读 ()
FIS3常用配置:
//作用:启用 fis-spriter-csssprites 插件,便于对png图片进行雪碧图合并 fis.match('::package', { spriter: fis.plugin('csssprites') }) //作用:css文件png图片进行雪碧图合并以及对css进行压缩 fis.match('*.css', { useSprite: true, optimizer: fis.plugin('clean-css') }); //作用:启用fis-optimizer-uglify-js 插件对JS压缩 fis.match('*.js', { optimizer: fis.plugin('uglify-js') }); // 作用:启用fis-optimizer-png-compressor 插件对png图片进行压缩 fis.match('*.png', { optimizer: fis.plugin('png-compressor') }); //imagemin-jpegtran 插件进行jpeg压缩 //安装:https://www.npmjs.com/package/fis3-optimizer-imagemin-jpegtran npm i -g fis3-optimizer-imagemin-jpegtran fis.match('*.jpg', { optimizer: fis.plugin('imagemin-jpegtran', { "progressive": true }) }) //作用:补全浏览器前缀 fis.match('*.css', { preprocessor: fis.plugin('autoprefixer', { "browsers": ["Android >= 2.1", "iOS >= 4", "ie >= 8", "firefox >= 15"], "cascade": true }) }) //作用:所有文件都使用相对路径 fis.hook('relative'); fis.match('**', { relative: true }); //作用:压缩html fis.match('*.html', { //optimizer: fis.plugin('html-minifier') }); //作用:scss文件编译为css文件,注意node-sass需要的node版本是4.x!高版本的node不行! fis.match('**/*.scss', { rExt: '.css', // from .scss to .css parser: fis.plugin('node-sass', { //fis-parser-node-sass option }) }); //作用:对js、css、png添加文件指纹 fis.match('*.{js,css,png}', { useHash: true });
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:什么是CSS
- CSS常用属性(入门级),持续更新 2020-05-22
- CSS选择器的优先级 2020-05-18
- 【2020Python修炼记】前端开发之 HTML常用标签汇总 2020-05-12
- 如何配置Tomcat上web.xml让浏览器能直接下载txt,xml类型文 2020-04-14
- 建立个人博客配置推荐 2020-04-05
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash