创建微信小程序和支付宝小程序的目录页面,还适合其它非小程序的项目使用,简单易用,功能强大,English
npm install app-file-create --save-dev
名称 | 类型 | 默认 | 描述 |
---|---|---|---|
root | String | process.cwd() |
创建的文件位置目录 |
env | String | wechat |
环境类型,alipay 、wechat ,默认wechat |
debug | Boolean | false |
是否开启调试模式,默认false ,如果为true ,则会显示log信息 |
replace | Boolean | false |
是否替换原来的文件,默认false |
dirname | String | index |
文件夹名称,默认index |
filename | String | -- | 子文件名称,默认就是上面的dirname (与文件夹名称相同) |
files | Array | [ fileOption ] |
子文件配置,fileOption 是个对象参数,或者文件扩展名字符串 |
fileOption.ext | String | -- | 子文件扩展名 |
fileOption.filename | String | -- | 子文件名称,默认是options 的filename ,或者options 的dirname (与文件夹名称相同) |
fileOption.template | String | Function | -- | 子文件模板内容,如果是函数,那么函数第一个参数就是下面的args 参数 |
fileOption.args | Object | {} |
子文件模板渲染的参数,如果template 参数是函数,此参数生效 |
config
- 配置默认参数,注意:调用AppFileCreate([options])
的参数会覆盖默认的配置
const AppFileCreate = require('app-file-create');
const pageRoot = __dirname + '/pages';
AppFileCreate.config({
root: pageRoot,
debug: true
});
- 创建微信小程序页面
// 写法一和写法二作用是一样的
// 写法一:
AppFileCreate({
dirname: 'wx_page',
files: ['js', 'json', 'wxml', 'wxss']
});
// 写法二:
AppFileCreate({
dirname: 'wx_page',
files: [{
ext: 'js'
}, {
ext: 'json'
}, {
ext: 'wxml'
}, {
ext: 'wxss'
}]
});
- 创建支付宝小程序页面
AppFileCreate({
env: 'alipay',
dirname: 'ali_page',
files: [
'js',
'axml',
'acss',
{
ext: 'json',
args: {
title: '个人信息'
}
}
]
});
- 创建其它类型项目文件
AppFileCreate({
env: '',
dirname: 'web_page',
files: [
'js',
{
ext: 'html',
template:
`<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>`
}
]
});
- 创建其它类型项目文件,子文件名称与文件夹不同
AppFileCreate({
env: '',
dirname: 'diff_dir_page',
filename: 'child',
files: ['js', 'css']
});
- 创建其它类型项目文件,子文件名称自定义
AppFileCreate({
env: '',
dirname: 'diff_filename_page',
files: [{
ext: 'js',
filename: 'a'
},{
ext: 'css',
filename: 'b'
}]
});