s

fis3构建配置 原

发表于 | 分类于 ， ， | 浏览 次

配置项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
//处理图片
fis.match('::image', {
 // useHash: true
});
// fis.hook('commonjs')
//
// fis.hook('module', {
//   mode: 'amd' // 模块化支持 amd 规范，适应 require.js
// });
// fis.hook('cmd', {
//   baseUrl: '',//标示模块打包的基础路径
// });
fis.hook('relative');
//让所有文件，都使用相对路径。
fis.match('**', { relative: true })
//处理图片雪碧图  引用图片家 ?__sprite
fis.match('::package', {
  spriter: fis.plugin('csssprites')
})
fis.match('css/*.{css,less,scss}', {
  preprocessor: fis.plugin('autoprefixer', {
    "browsers": ["Android >= 2.1", "iOS >= 4", "ie >= 8", "firefox >= 15"],
    "cascade": true
  })
})
//压缩图片
fis.match('images/*.png', {
    optimizer: fis.plugin('png-compressor', {
      type : 'pngquant'
    })
 });
 fis.hook('commonjs', {
     extList: ['.js', '.coffee', '.es6', '.jsx'],
     umd2commonjs: true
 });
// 压缩js
fis.match('js/*.js', {
  optimizer: fis.plugin('uglify-js'),
  parser: fis.plugin('es6-babel')
});
// 处理sass转换
fis.match('css/*.scss', {
  parser: fis.plugin('node-sass'),
  rExt: '.css'
});
// 所有js, css 加 hash
fis.match('*.{js,css,scss}', {
  useHash: true
});
// 合并文件
fis.match('::package', {
  postpackager: fis.plugin('loader', {
    allInOne: true,
    resourceType: 'commonJs'
  })
});
//
//
// fis.hook('module', {
//   mode: 'amd' // 模块化支持 amd 规范，适应 require.js
// });
// 生产环境
fis.media('production');

命令行

1
2
3
fis3 server start
fis3 release -wL
fis3 release -d ../output

node版本

v6.11 （高版本不兼容）