https://github.com/imweb/fis3-prepackager-imweb-ques

fis3 prepackager plugin for ques
https://github.com/imweb/fis3-prepackager-imweb-ques

Last synced: 28 days ago
JSON representation

fis3 prepackager plugin for ques

• Host: GitHub
• URL: https://github.com/imweb/fis3-prepackager-imweb-ques
• Owner: imweb
• Created: 2015-11-02T08:20:24.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-24T02:20:36.000Z (almost 9 years ago)
• Last Synced: 2024-11-20T03:41:27.347Z (about 1 month ago)
• Language: JavaScript
• Size: 78.1 KB
• Stars: 2
• Watchers: 21
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# fis3-prepackager-imweb-ques

fis3 prepackager plugin for q components of imweb team

# 标识Ques页面

```js

fis.match('pages/**main.html', {

    isQPage: true

})

```

or

```html

```

# 处理过程

- components/*.{css,js,scss}

只替换`holder`成模块名

- 入口文件 pages/main.html

    - 添加components css/js依赖

    - 展开components 

    - 添加components 信息(之前ques不需要，但它需要在components js文件里注册组件，为了简化对components js的处理, 将注册组件统一移至Q.factory中，因此添加组件信息)

输入:

```html

    

    

    

    

    

    

    

        require('libs/Q.factory')();

    

```

输出:

```html

    

    

    

    

    


    

    

    

    var _components = {"chead":{"js":"components/chead/main","child":1,"uid":1}};

    

        require('libs/Q.factory')();

    


```

```js

// 添加components css依赖

file.addRequire('/components/chead/main.css');

// 添加components js依赖

file.addRequire('/components/chead/main.js');

```

# 依赖 

- commonJs (包裹js成AMD)

# 配置

- `holder`: `/___|\$__/g` 占位符

- `hash`: `false` 是否对占位符做hash处理

- `components`: `['/components', getComp]` 组件路径

```js

function getComp(name, ret) {

    return {

        name: name,

        html: html.getContent(),

        htmlFile: html,

        js: js && js.getContent() || null,

        jsFile: js || null,

        css: css && css.getContent() || null,

        cssFile: css || null

    }

}

```

# 问题

- components是否支持与scss集成

    - 支持, component的样式文件按main.css, main.scss, main.less的顺序查找

    - 使用main.scss main.less时占位符`holder`请勿使用`$__`, `$`对scss会报错, 可以使用3个下划线`___`

- 如何使用查找到lego下的component

    - 配置components中传入查找函数，想怎么找就怎么找