mirror of
https://github.com/silverstripe/silverstripe-cms
synced 2024-06-29 16:09:40 +02:00
abe565eb01
- Relaxed NodeJS dependency to 4.x - Switch to NPM "dependencies" (rather than dev) Provides consistency with framework, where these had previously been broken out between "dependencies" and "devDependencies", which in turn caused issues with "npm shrinkwrap" - Add npm-shrinkwrap.json: Consistent with framework approach Using uber's wrapper library since it prevents npm shrinkwrap from failing on file generation, as well as actually suceeding with an "npm install" once the file is present. - Don't add comments to dist files via babelify We've had some issues with different dependencies causing different results based on the environment, which in turn causes unnecessary diffs - making our work harder to review. Comments can be read through the ES6 source files, and through source maps when generated through `npm run build --development` - Make JS build tooling and naming consistent with framework
105 lines
3.2 KiB
JavaScript
105 lines
3.2 KiB
JavaScript
var gulp = require('gulp'),
|
|
babel = require('gulp-babel'),
|
|
diff = require('gulp-diff'),
|
|
notify = require('gulp-notify'),
|
|
uglify = require('gulp-uglify');
|
|
gulpUtil = require('gulp-util'),
|
|
gulpif = require('gulp-if'),
|
|
browserify = require('browserify'),
|
|
babelify = require('babelify'),
|
|
watchify = require('watchify'),
|
|
source = require('vinyl-source-stream'),
|
|
buffer = require('vinyl-buffer'),
|
|
path = require('path'),
|
|
glob = require('glob'),
|
|
eventStream = require('event-stream'),
|
|
semver = require('semver'),
|
|
packageJson = require('./package.json'),
|
|
sourcemaps = require('gulp-sourcemaps');
|
|
|
|
var PATHS = {
|
|
MODULES: './node_modules',
|
|
CMS_JAVASCRIPT_SRC: './javascript/src',
|
|
CMS_JAVASCRIPT_DIST: './javascript/dist'
|
|
};
|
|
|
|
var browserifyOptions = {
|
|
cache: {},
|
|
packageCache: {},
|
|
poll: true,
|
|
plugin: [watchify]
|
|
};
|
|
|
|
var isDev = typeof process.env.npm_config_development !== 'undefined';
|
|
|
|
process.env.NODE_ENV = isDev ? 'development' : 'production';
|
|
|
|
/**
|
|
* Transforms the passed JavaScript files to UMD modules.
|
|
*
|
|
* @param array files - The files to transform.
|
|
* @param string dest - The output directory.
|
|
* @return object
|
|
*/
|
|
function transformToUmd(files, dest) {
|
|
return eventStream.merge(files.map(function (file) {
|
|
return gulp.src(file)
|
|
.pipe(babel({
|
|
presets: ['es2015'],
|
|
moduleId: 'ss.' + path.parse(file).name,
|
|
plugins: ['transform-es2015-modules-umd'],
|
|
comments: false
|
|
}))
|
|
.on('error', notify.onError({
|
|
message: 'Error: <%= error.message %>',
|
|
}))
|
|
.pipe(gulp.dest(dest));
|
|
}));
|
|
}
|
|
|
|
// Make sure the version of Node being used is valid.
|
|
if (!semver.satisfies(process.versions.node, packageJson.engines.node)) {
|
|
console.error('Invalid Node.js version. You need to be using ' + packageJson.engines.node + '. If you want to manage multiple Node.js versions try https://github.com/creationix/nvm');
|
|
process.exit(1);
|
|
}
|
|
|
|
if (isDev) {
|
|
browserifyOptions.debug = true;
|
|
}
|
|
|
|
var babelifyOptions = {
|
|
presets: ['es2015', 'react'],
|
|
ignore: /(node_modules|thirdparty)/,
|
|
comments: false
|
|
};
|
|
|
|
gulp.task('build', ['umd-cms', 'umd-watch', 'bundle-legacy']);
|
|
|
|
gulp.task('bundle-legacy', function bundleLeftAndMain() {
|
|
var bundleFileName = 'bundle-legacy.js';
|
|
|
|
return browserify(Object.assign({}, browserifyOptions, { entries: PATHS.CMS_JAVASCRIPT_SRC + '/bundles/legacy.js' }))
|
|
.on('update', bundleLeftAndMain)
|
|
.on('log', function (msg) { gulpUtil.log('Finished', 'bundled ' + bundleFileName + ' ' + msg) })
|
|
.transform('babelify', babelifyOptions)
|
|
.external('jQuery')
|
|
.external('i18n')
|
|
.external('router')
|
|
.bundle()
|
|
.on('error', notify.onError({ message: bundleFileName + ': <%= error.message %>' }))
|
|
.pipe(source(bundleFileName))
|
|
.pipe(buffer())
|
|
.pipe(sourcemaps.init({ loadMaps: true }))
|
|
.pipe(gulpif(!isDev, uglify()))
|
|
.pipe(sourcemaps.write('./'))
|
|
.pipe(gulp.dest(PATHS.CMS_JAVASCRIPT_DIST));
|
|
});
|
|
|
|
gulp.task('umd-cms', function () {
|
|
return transformToUmd(glob.sync(PATHS.CMS_JAVASCRIPT_SRC + '/*.js'), PATHS.CMS_JAVASCRIPT_DIST);
|
|
});
|
|
|
|
gulp.task('umd-watch', function () {
|
|
gulp.watch(PATHS.CMS_JAVASCRIPT_SRC + '/*.js', ['umd-cms']);
|
|
});
|