fis3打包文件基本配置

以下为常用的基本配置项，更多插件请移步常用插件列表

//开发环境不启用压缩
fis.media('dev').match('*.{js,css,png}', {
    useHash: false,
    useSprite: false,
    optimizer: null
})




//css预编译
fis.match('*.scss', {
    rExt: '.css',
    parser: fis.plugin('node-sass')
})


//静态资源加时间戳
fis.set('new date', Date.now());


//让所有文件，都使用相对路径,依赖fis3-hook-relative插件
fis.hook('relative');
fis.match('**', { relative: true })




/**
 * 压缩部分
 */
// 启用 fis-spriter-csssprites 插件
fis.media('prod')
    .match('::package', {
        spriter: fis.plugin('csssprites')
    })
    .match('*.js', {
        // fis-optimizer-uglify-js 插件进行压缩，已内置
        optimizer: fis.plugin('uglify-js'),
        query: '?=t' + fis.get('new date')
            // useHash: true
    })
    // 对 CSS 进行图片合并，依赖csssprites插件
    // 对路径带 ?__sprite 的图片进行合并 eg:background-image: url('./img/list-1.png?__sprite');
    .match('*.css', {
        // fis-optimizer-clean-css 插件进行压缩，已内置
        optimizer: fis.plugin('clean-css'),
        query: '?=t' + fis.get('new date'),
        useSprite: true
    })
    .match('*.png', {
        // fis-optimizer-png-compressor 插件进行压缩，已内置
        // optimizer: fis.plugin('png-compressor')
    });

使用方法：

Start

npm i -g

Start Server

fis3 server start

如果出现以下报错

[ERROR] fail to start server.

Address already in use:8080

执行以下命令,指定未占用的端口即可

fis3 server start -p9999

Run

fis3 release -wL

Release

fis3 release prod -d ../dist

Question

如果执行npm i -g有资源包下载失败，切换淘宝镜像源后再尝试下载

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果发现浏览器不能实时刷新或者刷新但与工作环境代码不一致的情况，请执行如下操作

crtl + c  //停止当前服务
fis3 release -wL  //更新web server中的文件

Start

npm i -g

Start Server

fis3 server start

如果出现以下报错

[ERROR] fail to start server.

Address already in use:8080

执行以下命令,指定未占用的端口即可

fis3 server start -p9999

Run

fis3 release -wL

Release

fis3 release prod -d ../dist

Question

如果执行npm i -g有资源包下载失败，切换淘宝镜像源后再尝试下载

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果发现浏览器不能实时刷新或者刷新但与工作环境代码不一致的情况，请执行如下操作

crtl + c  //停止当前服务
fis3 release -wL  //更新web server中的文件