1 Star 1 Fork 46

qeyser/mp-html

forked from 金煜峰/mp-html 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
gulpfile.js 3.81 KB
一键复制 编辑 原始数据 按行查看 历史
Jin Yufeng 提交于 2021-04-24 19:37 . release v2.1.2
/**
* @fileoverview 自动构建程序
* @author Jin Yufeng
*/
// 载入 gulp 插件
const gulp = require('gulp')
const htmlmin = require('gulp-htmlmin')
const babel = require('gulp-babel')
const uglify = require('gulp-uglify')
const cleanCss = require('gulp-clean-css')
const clean = require('gulp-clean')
const gulpif = require('gulp-if')
const plumber = require('gulp-plumber')
const size = require('gulp-size')
// 载入构建工具
const config = require('./tools/config')
const converter = require('./tools/converter')
const ifdef = require('./tools/ifdef')
const minifier = require('./tools/minifier')
const plugin = require('./tools/plugin')
// 载入环境信息
const isDev = process.argv.includes('--dev')
let platform = process.argv[3]
if (!platform) {
throw Error('缺少平台信息')
}
platform = platform.substr(2)
/**
* @description 清理文件夹
*/
gulp.task('clean', () => {
return gulp.src(`${isDev ? 'dev' : 'dist'}/${platform === 'all' ? '' : platform + '/'}*`, {
read: false,
allowEmpty: true
})
.pipe(clean())
})
/**
* @description 生成原生组件包(含插件)
* @returns {NodeJS.ReadWriteStream}
*/
function packComp () {
return gulp.src(['plugins/**/*', 'src/**/*'], {
nodir: true
})
// 公共处理
.pipe(plumber()) // 错误处理
.pipe(plugin.build(platform)) // 构建插件
.pipe(ifdef(platform)) // 条件编译
// wxml 处理
.pipe(gulpif(file => file.extname === '.wxml', minifier.wxs())) // 压缩内联 wxs
.pipe(gulpif(file => file.extname === '.wxml', htmlmin(config.htmlmin))) // 压缩 wxml
.pipe(gulpif(file => file.extname === '.html', htmlmin(Object.assign({}, config.htmlmin, { // 压缩 html
minifyCSS: true
}))))
// js 处理
.pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && (platform !== 'uni-app' || file.relative.includes('static')), babel(config.babel))) // es6 转 es5
.pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && !isDev && (platform !== 'uni-app' || file.relative.includes('static')), uglify(config.uglify))) // 压缩 js
// wxss(css)处理
.pipe(gulpif(file => file.extname.includes('ss'), cleanCss(config.cleanCss))) // 压缩 wxss
.pipe(plugin.importCss()) // 引入插件中的 css 文件
// json 处理
.pipe(gulpif(file => file.extname === '.json', minifier.json())) // 压缩 json
// 公共处理
.pipe(converter(platform)) // 将微信端的代码转换到各个平台
.pipe(gulpif(!isDev, size({
title: `${platform} 包生成完毕`
})))
.pipe(gulp.dest(file => {
return `${isDev ? 'dev' : 'dist'}/${platform}/${(platform === 'uni-app' && !file.relative.includes('components') && !file.relative.includes('static')) || (platform !== 'uni-app' && isDev) ? 'components/mp-html/' : ''}`
}))
}
gulp.task('build', gulp.series('clean', packComp))
/**
* @description 生成原生示例项目
* @returns {NodeJS.ReadWriteStream}
*/
function packDemo () {
return gulp.src(['tools/demo/**/*', 'test/content.js'], {
nodir: true
})
.pipe(ifdef(platform))
.pipe(gulpif(platform !== 'uni-app', converter(platform)))
.pipe(gulp.dest(`dev/${platform}/`))
}
gulp.task('dev', gulp.series('clean', gulp.parallel(packComp, packDemo)))
/**
* @description 监听文件变化
*/
gulp.task('watch-demo', () => {
gulp.watch(['tools/demo/**/*', 'test/content.js']).on('all', (type, file) => {
console.log(type + ':' + file)
packDemo()
})
})
gulp.task('watch-comp', () => {
gulp.watch(['src/**/*', 'src/common/**/*', 'plugins/**/*']).on('all', (type, file) => {
console.log(type + ':' + file)
packComp()
})
})
gulp.task('watch', gulp.parallel('watch-demo', 'watch-comp'))
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/qeyser/mp-html.git
git@gitee.com:qeyser/mp-html.git
qeyser
mp-html
mp-html
master

搜索帮助