fis--fis-config.js

//Step 1. 取消下面的注释开启simple插件,注意需要先进行插件安装 npm install -g fis-postpackager-simple设置完pack后,FIS默认只会进行文件打包,不会对页面中的静态资源引用进行替换,我们可以通过引入后端静态资源管理来加载打包模块。不过也可以利用fis-postpackager-simple插件,可以自动将页面中独立的资源引用替换为打包资源。fis.config.set(‘modules.postpackager‘, ‘simple‘);

//通过pack设置干预自动合并结果,将公用资源合并成一个文件,更加利于页面间的共用

//Step 2. 取消下面的注释开启pack人工干预fis.config.set(‘pack‘, {    ‘pkg/lib.css‘: [        ‘/lib/normalize/3.0.2/**.css‘    ],    ‘pkg/lib.js‘: [        ‘/lib/zepto/1.0.1/zepto.js‘,        ‘/lib/zepto/1.0.1/zTouch.js‘,        ‘/lib/make_thumb/1.01/**.js‘,        ‘/lib/avalon/1.38/**.js‘    ],    ‘pkg/comp.css‘: [        ‘/comp/**.less‘,        ‘/comp/**.css‘    ],    ‘pkg/comp.js‘: [        ‘/comp/**.js‘    ],    ‘pkg/widgets.css‘: [        ‘/src/m/widgets/**.less‘,        ‘/src/m/widgets/**.css‘    ],    ‘pkg/widgets.js‘: [        ‘/src/m/widgets/**.js‘    ],    ‘pkg/page.css‘: [        ‘/src/m/pages/base/**.css‘,        ‘/src/m/pages/base/**.less‘    ],    ‘pkg/page.js‘: [        ‘/src/m/pages/base/com.js‘    ]});

//Step 3. 取消下面的注释可以开启simple对npm install -g fis-postpackager-simple//fis.config.set(‘settings.postpackager.simple.autoCombine‘, true);

//使用fis-parser-less插件编译less文件fis.config.set(‘modules.parser.less‘,‘less‘);//less文件经过编译后输出为css文件fis.config.set(‘roadmap.ext.less‘,‘css‘);

//使用fis-parser-jade插件编译jade文件fis.config.set(‘modules.parser.jade‘, ‘jade‘);//jade文件经过编译后输出为html文件fis.config.set(‘roadmap.ext.jade‘, ‘html‘);

//配置FIS中使用cssspritesfis.config.set(‘modules.spriter‘, ‘csssprites‘);

//为所有样式资源开启cssspritesfis.config.set(‘roadmap.path‘, [    {        reg: ‘**.less‘,        useSprite: true    },    {        reg: /\/src\/m\/pages\/(.*\.jade)$/i,  //设备版        //reg: /\/src\/mobile\/pages\/(.*\.jade)$/i, //微信端        release: ‘/page/$1‘    }]);

//设置css sprites的合并间距fis.config.set(‘settings.spriter.csssprites‘, {    //图之间的边距    margin: 10,    //使用矩阵排列方式,默认为线性`linear`    layout: ‘matrix‘,    //设置了scale,则规则不允许写background-size    scale: 0.5});

fis.config.merge({    roadmap : {        //线上↓        domain : "路劲"    }});
时间: 2024-10-25 13:03:15

fis--fis-config.js的相关文章

[js高手之路]深入浅出webpack教程系列2-配置文件webpack.config.js详解

接着上文,重新在webpack文件夹下面新建一个项目文件夹demo2,然后用npm init --yes初始化项目的package.json配置文件,然后安装webpack( npm install [email protected] --save-dev ),然后创建基本的项目文件夹结构,好了,我们的又一个基本项目结构就搭建好了. 第一.开始通过webpack.config.js文件配置我们的webpack项目 首先在项目文件夹demo2下面,新建一个webpack.config.js文件,这

webpack前端构建工具学习总结(三)之webpack.config.js配置文件

Webpack 在执行的时候,除了在命令行传入参数,还可以通过指定的配置文件来执行.默认情况下,会搜索当前目录的 webpack.config.js 文件,这个文件是一个 node.js 模块,返回一个 json 格式的配置信息对象,或者通过 --config 选项来指定配置文件. webpack文档:https://webpack.github.io/docs/ 1.新建一个文件夹src存放打包前的源文件,dist文件夹存放打包后的文件,新建一个webpack.config.js为webpac

webpack.config.js配置文件

1.基本配置 webpack在执行时,除在命令行传入参数,还可以通过指定的配置文件来执行.默认会搜索当前目录下webpack.config.js.这个文件是一个node.js模块,返回一个json格式的配置对象,或者通过--config选项来指定配置文件. //创建webpack.config.js var webpack = require('webpack'); module.exports = { entry:'./entry.js', //入口文件 output:{ //node.js中

[js高手之路]深入浅出webpack教程系列3-配置文件webpack.config.js详解(下)

本文继续接着上文,继续写下webpack.config.js的其他配置用法. 一.把两个文件打包成一个,entry怎么配置? 在上文中的webpack.dev.config.js中,用数组配置entry webpack.dev.config.js文件代码: 1 console.log( __dirname ); //D:\ghostWu\bak\webpack\demo2 2 module.exports = { 3 entry : ['./src/js/main.js', './src/js/

webpack教程(二)——webpack.config.js文件

首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件.执行如下命令 npm install html-webpack-plugin --save-dev 在项目app目录下建立component.js文件,写入如下代码 export default (text='hello world')=>{ const element=document.createElement('div'); element.innerHTML=te

config.js配置页面中的样式和图片路径

这个文章用在什么地方,我先说一下,上周啊,我接到一个任务.因为公司业务要对接不同的银行,例如在工行下颜色是红色的,在其他银行下默认为蓝色,所以在页面一致的情况下,保证页面中的按钮和ICON是可以配置的,这样秩序改动一个值[颜色或路径],就能正常全部适配好了,其实这个业务很简单: **第一种方案:我们有新建两个config1.js和config2.js,代码分别类似如下:** var config = { // 改变全局按钮颜色 btncolor: "red", // 配置优惠券和同意的

webpack4.0.1安装问题和webpack.config.js的配置变化

The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D webpack4.0.1安装问题,提示: The CLI mov

[转]webpack4.0.1安装问题和webpack.config.js的配置变化

本文转自:https://blog.csdn.net/jiang7701037/article/details/79403637 The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When usi

【vue-cli 3.0】 vue.config.js配置 - 路径别名

如何配置vue-cli 3中vue.config.js的路径别名? 前段时间更新电脑重装了一下vue-cli,发现了vue-cli已经更新到3.0版.用来搭建项目后发现简化了很多,而且配置文件现在可以全部统一在vue.config.js中,很方便有没有,从此以后一个配置文件走遍公司大小项目,妈妈再也不用担心我每次新建项目时重新配置各个复杂的选项了.那么怎么在vue.config.js中配置路径别名呢? 1. 创建项目 2. 在根目录下新建 vue.config.js 3. 修改vue.confi

vue.config.js模板

关于vue cli3.0中vue.config.js的配置,我看着官网走了一遍,整理了一下,因为配置项比较多,所以有的我就没放,给出了链接.(可以看链接里面自己配置哦) // vue.config.js module.exports = { // type :string defalut :"/" // 把开发服务器架设在根路径 publicPath: process.env.NODE_ENV === 'produvtion' ? '/production-sub-path/' : '