2020-06-28

版本： 1.1.0

1. 新增 html 模板开发
2. 新增 内置ts sass 编译，可以不用gulp

--watch   监听脚本变动
--input   源码文件或文件夹，默认 `src` 文件夹
--output  目标保存文件夹，默认 `dist` 文件夹
--mini    编译小程序，默认为 编译模板

新增模板html生成（与其他功能不共用）

生效条件 以 @ 开头，前面可以有空格，功能占整行， @ 后面的内容以空格隔开，空格之后为评论内容，不做生成

@@             为注释，放在首行为声明此文件不生成html页面
@...           加载其他引用此文件的文件内容
@layout/main   加载其他文件，拓展名可以省略
@item@5        加载其他文件重复5次

加载的样式及样式文件自动合并到 head 末尾

加载的脚本及脚本文件自动合并到 body 末尾

支持 ts sass 自动编译

2020-06-12

版本： 1.0.5

1. 修复因html标签内部换行导致的解析错误
2. 增加对 @click.stop 的转化
3. 增加页面直接对方法传递参数的原始参数。即 @click="tap(1)" 允许接收 function tap(i, e: TouchEvent){}
4. 删除一些不必要的 text 标签生成，例如 a 不再内部生成 text 子标签
5. 修复 v-show 解析问题
6. 调整对 vue 模板的解析流程，直接内嵌 rename 文件后缀

最新使用方法

gulp.task('vue', async() => {
    await gulp.src(getSrcPath('src/**/*.vue'))
        .pipe(template('tpl'))
        .pipe(gulp.dest(getDistFolder('dist/')))
        .pipe(template('json'))
        .pipe(gulp.dest(getDistFolder('dist/')))
        .pipe(template('scss'))
        .pipe(template('presass'))
        .pipe(sass())
        .pipe(template('endsass'))
        .pipe(gulp.dest(getDistFolder('dist/')))
        .pipe(template('ts'))
        .pipe(ts.createProject('tsconfig.json'))
        .pipe(gulp.dest(getDistFolder('dist/')));
});

转载请保留原文链接： https://zodream.cn/blog/id/160.html