chushihua
This commit is contained in:
+165
@@ -0,0 +1,165 @@
|
||||
/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
|
||||
/* eslint no-console: "off" */
|
||||
|
||||
const gulp = require('gulp');
|
||||
const fs = require('fs');
|
||||
const rollup = require('rollup');
|
||||
const buble = require('rollup-plugin-buble');
|
||||
const replace = require('rollup-plugin-replace');
|
||||
const resolve = require('rollup-plugin-node-resolve');
|
||||
const header = require('gulp-header');
|
||||
const uglify = require('gulp-uglify');
|
||||
const sourcemaps = require('gulp-sourcemaps');
|
||||
const rename = require('gulp-rename');
|
||||
|
||||
const config = require('./build-config.js');
|
||||
const banner = require('./banner.js');
|
||||
|
||||
function es(components, cb) {
|
||||
const env = process.env.NODE_ENV || 'development';
|
||||
const target = process.env.TARGET || config.target;
|
||||
|
||||
// Bundle
|
||||
rollup.rollup({
|
||||
input: './src/swiper.js',
|
||||
external: ['dom7/dist/dom7.modular', 'ssr-window'],
|
||||
plugins: [
|
||||
replace({
|
||||
delimiters: ['', ''],
|
||||
'process.env.NODE_ENV': JSON.stringify(env),
|
||||
'process.env.TARGET': JSON.stringify(target),
|
||||
'//IMPORT_COMPONENTS': components.map((component) => `import ${component.capitalized} from './components/${component.name}/${component.name}';`).join('\n'),
|
||||
'//INSTALL_COMPONENTS': components.map((component) => `${component.capitalized}`).join(',\n '),
|
||||
'//EXPORT': 'export default Swiper',
|
||||
}),
|
||||
resolve({ jsnext: true }),
|
||||
],
|
||||
}).then((bundle) => bundle.write({
|
||||
format: 'es',
|
||||
name: 'Swiper',
|
||||
strict: true,
|
||||
sourcemap: env === 'development',
|
||||
sourcemapFile: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.bundle.js.map`,
|
||||
banner,
|
||||
file: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.bundle.js`,
|
||||
})).then(() => {
|
||||
if (cb) cb();
|
||||
}).catch((err) => {
|
||||
if (cb) cb();
|
||||
console.error(err.toString());
|
||||
});
|
||||
|
||||
// Modular
|
||||
rollup.rollup({
|
||||
input: './src/swiper.js',
|
||||
external: ['dom7/dist/dom7.modular', 'ssr-window'],
|
||||
plugins: [
|
||||
replace({
|
||||
delimiters: ['', ''],
|
||||
'process.env.NODE_ENV': JSON.stringify(env),
|
||||
'process.env.TARGET': JSON.stringify(target),
|
||||
'//IMPORT_COMPONENTS': components.map((component) => `import ${component.capitalized} from './components/${component.name}/${component.name}';`).join('\n'),
|
||||
'//INSTALL_COMPONENTS': '',
|
||||
'//EXPORT': `export { Swiper, ${components.map((component) => component.capitalized).join(', ')} }`,
|
||||
}),
|
||||
resolve({ jsnext: true }),
|
||||
],
|
||||
}).then((bundle) => bundle.write({
|
||||
format: 'es',
|
||||
name: 'Swiper',
|
||||
strict: true,
|
||||
banner,
|
||||
sourcemap: env === 'development',
|
||||
sourcemapFile: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.js.map`,
|
||||
file: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.js`,
|
||||
})).then(() => {
|
||||
if (cb) cb();
|
||||
}).catch((err) => {
|
||||
if (cb) cb();
|
||||
console.error(err.toString());
|
||||
});
|
||||
}
|
||||
function umd(components, cb) {
|
||||
const env = process.env.NODE_ENV || 'development';
|
||||
const target = process.env.TARGET || config.target;
|
||||
|
||||
rollup.rollup({
|
||||
input: './src/swiper.js',
|
||||
plugins: [
|
||||
replace({
|
||||
delimiters: ['', ''],
|
||||
'process.env.NODE_ENV': JSON.stringify(env),
|
||||
'process.env.TARGET': JSON.stringify(target),
|
||||
'//IMPORT_COMPONENTS': components.map((component) => `import ${component.capitalized} from './components/${component.name}/${component.name}';`).join('\n'),
|
||||
'//INSTALL_COMPONENTS': components.map((component) => `${component.capitalized}`).join(',\n '),
|
||||
'//EXPORT': 'export default Swiper;',
|
||||
}),
|
||||
resolve({ jsnext: true }),
|
||||
buble(),
|
||||
],
|
||||
}).then((bundle) => bundle.write({
|
||||
format: 'umd',
|
||||
name: 'Swiper',
|
||||
strict: true,
|
||||
sourcemap: env === 'development',
|
||||
sourcemapFile: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.js.map`,
|
||||
banner,
|
||||
file: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.js`,
|
||||
})).then(() => {
|
||||
if (env === 'development') {
|
||||
if (cb) cb();
|
||||
return;
|
||||
}
|
||||
// Minified version
|
||||
gulp.src('./dist/js/swiper.js')
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(uglify())
|
||||
.pipe(header(banner))
|
||||
.pipe(rename((filePath) => {
|
||||
/* eslint no-param-reassign: ["error", { "props": false }] */
|
||||
filePath.basename += '.min';
|
||||
}))
|
||||
.pipe(sourcemaps.write('./'))
|
||||
.pipe(gulp.dest('./dist/js/'))
|
||||
.on('end', () => {
|
||||
cb();
|
||||
});
|
||||
}).catch((err) => {
|
||||
if (cb) cb();
|
||||
console.error(err.toString());
|
||||
});
|
||||
}
|
||||
function build(cb) {
|
||||
const env = process.env.NODE_ENV || 'development';
|
||||
|
||||
const components = [];
|
||||
config.components.forEach((name) => {
|
||||
// eslint-disable-next-line
|
||||
const capitalized = name.split('-').map((word) => {
|
||||
return word.split('').map((char, index) => {
|
||||
if (index === 0) return char.toUpperCase();
|
||||
return char;
|
||||
}).join('');
|
||||
}).join('');
|
||||
const jsFilePath = `./src/components/${name}/${name}.js`;
|
||||
if (fs.existsSync(jsFilePath)) {
|
||||
components.push({ name, capitalized });
|
||||
}
|
||||
});
|
||||
|
||||
const expectCbs = env === 'development' ? 1 : 2;
|
||||
let cbs = 0;
|
||||
|
||||
umd(components, () => {
|
||||
cbs += 1;
|
||||
if (cbs === expectCbs) cb();
|
||||
});
|
||||
if (env !== 'development') {
|
||||
es(components, () => {
|
||||
cbs += 1;
|
||||
if (cbs === expectCbs) cb();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = build;
|
||||
Reference in New Issue
Block a user