compscaf v1.1.5
#组件化脚手架 组件化脚手架程序
##INSTALL
npm install compscaf
##OPTION
-o, --comp [name]: init a compoment : required
-t, --tpl [name]: init a tpl file, default [name] is main
-s, --scss [name]: init a scss file, default [name] is base
-j, --js [name]: init a entry file, default [name] is index
-a, --all : init all file[tpl/scss/js]
-f, --force : init a compoment, remove the old one if extis
-c, --clear : clear a component, remove all file in the component dir
###USAGE
./node_modules/.bin/compscaf -r './' -o test
./node_modules/.bin/compscaf -r './' -o test -c
./node_modules/.bin/compscaf -r './' -o test -fjts
./node_modules/.bin/compscaf -r './' -o test -s common -j entry
##Common Config
自定义配置文件:${process.cwd}/compscaf.yml
####cwd
String
组件目录,相对于process.cwd()
####contentTpl
Object{:type-> String}
类型文件对应的初始化内容,目前支持变量
comp:组件名
deps:组件依赖
depsVar:组件变量名
EOL: 换行符
####baseDeps
Array[String]
基础依赖,入口文件的通用依赖模块
####varRegx
Object{:type-> Array[RegExp, replacement]}
变量匹配正则
####extension
Object{:type-> String}
文件扩展名
####defaultName
Object{:type-> String}
默认文件名(不含文件后缀) ###Default Config
cwd: './'
contentTpl:
tpl: '<div class="o-{{comp}}">{{EOL}}</div>'
scss: '.o-{{comp}} {{{EOL}}}'
js: "define('comp/{{comp}}/index', [{{deps}}], function ({{depsVars}}) {{{EOL}}})"
baseDeps: []
varRegx :
baseDep: [ ".+\/([^\/]+)'$" , '$$$1']
tpl: [ "([^\.]+).+$" , "$$$1Tpl"]
extension:
tpl: 'html'
defaultName:
js: 'index'
scss: 'base'
tpl: 'main'
##TEST
./node_modules/.bin/compscaf -o test -af
生成指定名称test组件的目录,以及scss,entry js,tpl资源文件,并预先填充内容;
默认配置下,组件目录下生成
├── base.scss
├── index.js
└── main.html
####base.scss
.o-test {
}
####index.js
define('comp/test/index', ['./main.html', './base.scss'], function ($mainTpl) {
})
####main.html
<div class="o-test">
</div>
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago