require('gulp-concat'); // Minified file gulp.task('packjsMin', function() { return gulp.src('node_modules/angular/*.js') .pipe(concat('script.js')) .pipe(uglify()) .pipe(gulp.dest('Scripts')); }); //Not minified file gulp.task('packjs', function () { return gulp.src('node_modules/angular/*.js') .pipe(concat('allPackages.js')) .pipe(gulp.dest('Scripts')); }); gulp CLI

"scripts": { "commitmsg": "validate-commit-msg", "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0" }, "devDependencies": { "validate-commit-msg": "^2.11.1",

CAN MAJOR RELEASE SEPARATELY. • REDUCED INSTALL SIZE WHEN NOT USING THE CLI: • create-react-app, angular-cli, vue-cli, preact-cli, … FEB 2018: WEBPACK 4 LEGATO • 4.0.0 • WE FOLLOWED THE RELEASE CYCLE

DN）。不再需要 本地安装 npm 包。 • Remote：被依赖⽅，被 Host 消费的 webpack 构建 • Host：依赖⽅，消费其他 Remote 的 webpack 构建 一个应用可以是 Host，也可以是 Remote，也可以同时是 Host 和 Remote。 开创性的特性：ModuleFederationPlugin 介绍 Webpack 内部通过 ModuleFederationPlugin Host 的依赖，如果 Host 没有，再⽤⾃⼰的； • main.js：应⽤主⽂件 • remoteEntry.js：作为 remote 时被引的⽂件 开创性的特性：模块联邦使⽤案例 应用一（host） 应用二（remote） webpack 5 webpack 4 首次构建 二次构建 webpack 5 和 webpack 4 构建速度对⽐ ⽬ 录 CONTENTS webpack

function(source) { const json = JSON.stringify(source) .replace(/\u2028/g, ‘\\u2028 ' ) // 为了安全起见, ES6模板字符串的问题 .replace(/\u2029/g, '\\u2029'); return `export default ${json}`; };