今天开始按照着fis3的官方文档学习起来,一点一点地配置。

fis3官网地址 [http://fis.baidu.com/fis3/index.html](http://fis.baidu.com/fis3/index.html)

fis3刚开始学习的时候最感兴趣的是浏览器自动刷新,文件的压缩,下面是一些配置代码:

  • js压缩
fis.match('*.js', {
    optimizer: fis.plugin('uglify-js')
});
  • css压缩
fis.match('*.css', {
    useSprite: true,
    optimizer: fis.plugin('clean-css')
});
  • png压缩
fis.match('*.png', {
    optimizer: fis.plugin('png-compressor')
});
  • 输出到指定目录
fis3 release -d <path>
  • 对css图片进行合并
fis.match('*.css', {
    useSprite: true
});
  • 浏览器自动刷新
fis3 server start -p [8081]
fis3 release -wL

注:因为我自己电脑的server port是8080,所以我将fis3内置服务器port改成了8081

在执行命令时,需进入到项目文件夹内