mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-01-17 20:38:15 +01:00
Code Issues Releases Wiki Activity

upgrade to gulp 4

Browse Source
This commit is contained in:
Kushagra Gour 2021-01-18 16:32:06 +05:30
parent 497131b2c0
commit 9660e2390c
4 changed files with 34964 additions and 977 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
gulpfile.js
View File

@ -2,7 +2,7 @@
const fs = require('fs'); const fs = require('fs');
const gulp = require('gulp'); const gulp = require('gulp');
const runSequence = require('run-sequence'); const { parallel, series } = require('gulp');
const useref = require('gulp-useref'); const useref = require('gulp-useref');
const cleanCSS = require('gulp-clean-css'); const cleanCSS = require('gulp-clean-css');
const rename = require('gulp-rename'); const rename = require('gulp-rename');
@ -23,15 +23,16 @@ function minifyJs(fileName) {
).code; ).code;
fs.writeFileSync(fileName, minifiedContent); fs.writeFileSync(fileName, minifiedContent);
console.log( console.log(
`[${fileName}]: ${content.length / 1024}K -> ${minifiedContent.length / `[${fileName}]: ${content.length / 1024}K -> ${
1024}K` minifiedContent.length / 1024
}K`
); );
} }
gulp.task('runWebpack', function() { gulp.task('runWebpack', function () {
return child_process.execSync('yarn run build'); return child_process.exec('npm run build');
}); });
gulp.task('copyFiles', function() { gulp.task('copyFiles', function () {
return merge( return merge(
gulp gulp
.src('src/lib/codemirror/theme/*') .src('src/lib/codemirror/theme/*')
@ -56,7 +57,7 @@ gulp.task('copyFiles', function() {
'src/detached-window.js', 'src/detached-window.js',
'src/icon-48.png', 'src/icon-48.png',
'src/icon-128.png', 'src/icon-128.png',
'manifest.json' 'src/manifest.json',
]) ])
.pipe(gulp.dest('app')), .pipe(gulp.dest('app')),
@ -93,27 +94,24 @@ gulp.task('copyFiles', function() {
'src/FiraCode.ttf', 'src/FiraCode.ttf',
'src/FixedSys.ttf', 'src/FixedSys.ttf',
'src/Inconsolata.ttf', 'src/Inconsolata.ttf',
'src/Monoid.ttf' 'src/Monoid.ttf',
]) ])
.pipe(gulp.dest('app')) .pipe(gulp.dest('app'))
); );
}); });
gulp.task('useRef', function() { gulp.task('useRef', function () {
return gulp return gulp.src('build/index.html').pipe(useref()).pipe(gulp.dest('app'));
.src('build/index.html')
.pipe(useref())
.pipe(gulp.dest('app'));
}); });
gulp.task('concatSwRegistration', function() { gulp.task('concatSwRegistration', function () {
return gulp return gulp
.src(['src/service-worker-registration.js', 'app/script.js']) .src(['src/service-worker-registration.js', 'app/script.js'])
.pipe(concat('script.js')) .pipe(concat('script.js'))
.pipe(gulp.dest('app')); .pipe(gulp.dest('app'));
}); });
gulp.task('minify', function() { gulp.task('minify', function () {
minifyJs('app/script.js'); minifyJs('app/script.js');
minifyJs('app/vendor.js'); minifyJs('app/vendor.js');
minifyJs('app/lib/screenlog.js'); minifyJs('app/lib/screenlog.js');
@ -123,13 +121,11 @@ gulp.task('minify', function() {
.pipe( .pipe(
cleanCSS( cleanCSS(
{ {
debug: true debug: true,
}, },
details => { (details) => {
console.log( console.log(
`${details.name}: ${details.stats.originalSize} 👉🏼 ${ `${details.name}: ${details.stats.originalSize} 👉🏼 ${details.stats.minifiedSize}`
details.stats.minifiedSize
}`
); );
} }
) )
@ -137,7 +133,7 @@ gulp.task('minify', function() {
.pipe(gulp.dest('app')); .pipe(gulp.dest('app'));
}); });
gulp.task('fixIndex', function() { gulp.task('fixIndex', function (cb) {
var contents = fs.readFileSync('build/index.html', 'utf8'); var contents = fs.readFileSync('build/index.html', 'utf8');
// Replace hashed-filename script tags with unhashed ones // Replace hashed-filename script tags with unhashed ones
contents = contents.replace( contents = contents.replace(
@ -152,9 +148,10 @@ gulp.task('fixIndex', function() {
); );
fs.writeFileSync('build/index.html', contents, 'utf8'); fs.writeFileSync('build/index.html', contents, 'utf8');
cb();
}); });
gulp.task('generate-service-worker', function(callback) { gulp.task('generate-service-worker', function (callback) {
var swPrecache = require('sw-precache'); var swPrecache = require('sw-precache');
var rootDir = 'app'; var rootDir = 'app';
@ -162,18 +159,18 @@ gulp.task('generate-service-worker', function(callback) {
`${rootDir}/service-worker.js`, `${rootDir}/service-worker.js`,
{ {
staticFileGlobs: [ staticFileGlobs: [
rootDir + '/**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff}' rootDir + '/**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff}',
], ],
stripPrefix: `${rootDir}/`, stripPrefix: `${rootDir}/`,
// has to be increased to around 2.8mb for sass.worker.js // has to be increased to around 2.8mb for sass.worker.js
maximumFileSizeToCacheInBytes: 2900000 maximumFileSizeToCacheInBytes: 2900000,
}, },
callback callback
); );
}); });
gulp.task('packageExtension', function() { gulp.task('packageExtension', function () {
child_process.execSync('rm -rf extension'); child_process.execSync('rm -rf extension');
child_process.execSync('cp -R app extension'); child_process.execSync('cp -R app extension');
child_process.execSync('cp src/manifest.json extension'); child_process.execSync('cp src/manifest.json extension');
@ -195,68 +192,57 @@ gulp.task('packageExtension', function() {
); );
}); });
gulp.task('buildWebsite', function() { gulp.task('buildWebsite', function () {
return child_process.execSync('yarn run build-website'); return child_process.exec('npm run build-website');
}); });
gulp.task('buildDistFolder', function() { gulp.task('buildDistFolder', function (cb) {
child_process.execSync('rm -rf dist'); child_process.execSync('rm -rf dist');
child_process.execSync('mv packages/website/_site dist'); child_process.execSync('mv packages/website/_site dist');
child_process.execSync('mv app dist/'); child_process.execSync('mv app dist/');
cb();
}); });
gulp.task('cleanup', function() { gulp.task('cleanup', function () {
return child_process.execSync('rm -rf build'); return child_process.exec('rm -rf build');
}); });
gulp.task('start-preview-server', function() { gulp.task('start-preview-server', function () {
connect.server({ connect.server({
root: 'preview', root: 'preview',
port: 7888, port: 7888,
https: false https: false,
}); });
}); });
gulp.task('release', function(callback) { exports.release = series(
runSequence( parallel('runWebpack', 'buildWebsite'),
['runWebpack', 'buildWebsite'], 'copyFiles',
'copyFiles', 'fixIndex',
'fixIndex', 'useRef',
'useRef', 'concatSwRegistration',
'concatSwRegistration', 'minify',
'minify', 'generate-service-worker',
'generate-service-worker', 'packageExtension',
'packageExtension', 'buildDistFolder',
'buildDistFolder', 'cleanup',
'cleanup', function (error) {
function(error) { if (error) {
if (error) { console.log(error.message);
console.log(error.message); } else {
} else { console.log('RELEASE FINISHED SUCCESSFULLY');
console.log('RELEASE FINISHED SUCCESSFULLY');
}
callback(error);
} }
); callback(error);
}); }
);
gulp.task('dev-release', function(callback) { exports.devRelease = gulp.series(
runSequence( parallel('runWebpack', 'buildWebsite'),
['runWebpack', 'buildWebsite'], 'copyFiles',
'copyFiles', 'fixIndex',
'fixIndex', 'useRef',
'useRef', 'concatSwRegistration',
'concatSwRegistration', 'generate-service-worker',
'generate-service-worker', 'buildDistFolder',
'buildDistFolder', 'cleanup'
'cleanup', );
function(error) {
if (error) {
console.log(error.message);
} else {
console.log('DEV RELEASE FINISHED SUCCESSFULLY');
}
callback(error);
}
);
});

35788
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

9
package.json
View File

@ -44,7 +44,7 @@
"eslint": "^4.9.0", "eslint": "^4.9.0",
"eslint-config-prettier": "^2.3.0", "eslint-config-prettier": "^2.3.0",
"eslint-config-synacor": "^2.0.2", "eslint-config-synacor": "^2.0.2",
"gulp": "^3.9.1", "gulp": "^4.0.2",
"gulp-clean-css": "^3.9.2", "gulp-clean-css": "^3.9.2",
"gulp-concat": "^2.6.1", "gulp-concat": "^2.6.1",
"gulp-connect": "^5.7.0", "gulp-connect": "^5.7.0",
@ -63,7 +63,6 @@
"merge-stream": "^1.0.1", "merge-stream": "^1.0.1",
"preact-cli": "^3.0.0-rc.3", "preact-cli": "^3.0.0-rc.3",
"preact-render-spy": "^1.2.1", "preact-render-spy": "^1.2.1",
"run-sequence": "^2.2.1",
"sw-precache": "^5.2.0" "sw-precache": "^5.2.0"
}, },
"dependencies": { "dependencies": {
@ -75,10 +74,10 @@
"esprima": "^4.0.0", "esprima": "^4.0.0",
"firebase": "^5.5.8", "firebase": "^5.5.8",
"jszip": "^3.1.5", "jszip": "^3.1.5",
"preact": "^10.0.0-rc.0", "preact": "^10.5.10",
"preact-portal": "^1.1.3", "preact-portal": "^1.1.3",
"preact-router": "^2.5.7", "preact-router": "^3.2.1",
"prettier": "^1.18.2", "prettier": "^2.2.1",
"react-inspector": "^2.3.0", "react-inspector": "^2.3.0",
"split.js": "^1.5.11" "split.js": "^1.5.11"
}, },

12
preact.config.js
View File

@ -8,14 +8,14 @@
* @param {object} env - options passed to CLI. * @param {object} env - options passed to CLI.
* @param {WebpackConfigHelpers} helpers - object with useful helpers when working with config. * @param {WebpackConfigHelpers} helpers - object with useful helpers when working with config.
**/ **/
export default function(config, env, helpers) { export default function (config, env, helpers) {
const htmlWebpackPlugin = helpers.getPluginsByName( const htmlWebpackPlugin = helpers.getPluginsByName(
config, config,
'HtmlWebpackPlugin' 'HtmlWebpackPlugin'
)[0]; )[0];
Object.assign(htmlWebpackPlugin.plugin.options.minify, { Object.assign(htmlWebpackPlugin.plugin.options.minify, {
removeComments: false, removeComments: false,
collapseWhitespace: false collapseWhitespace: false,
}); });
htmlWebpackPlugin.plugin.options.preload = false; htmlWebpackPlugin.plugin.options.preload = false;
htmlWebpackPlugin.plugin.options.favicon = false; htmlWebpackPlugin.plugin.options.favicon = false;
@ -45,9 +45,13 @@ export default function(config, env, helpers) {
config, config,
'SWPrecacheWebpackPlugin' 'SWPrecacheWebpackPlugin'
)[0]; )[0];
config.plugins.splice(swPlugin.index, 1); if (swPlugin) {
config.plugins.splice(swPlugin.index, 1);
}
const uglifyPlugin = helpers.getPluginsByName(config, 'UglifyJsPlugin')[0]; const uglifyPlugin = helpers.getPluginsByName(config, 'UglifyJsPlugin')[0];
config.plugins.splice(uglifyPlugin.index, 1); if (uglifyPlugin) {
config.plugins.splice(uglifyPlugin.index, 1);
}
} }
} }