mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-18 11:44:05 +08:00
Adds the new flag `--build-optimizer` (`--bo`), usable only with `--aot` (or `--prod` since it auto enables `--aot`). This feature is experimental, and may not work correctly on your project. Should it work, total bundle size should go down. Savings are heavily dependent on the project. See https://github.com/angular/devkit/tree/master/packages/angular_devkit/build_optimizer for details about all the optimizations applied. Usage: `ng build --prod --build-optimizer`. Disabling the vendor chunk has been shown to improve total savings, and is done automatically when `--bo` is specified unless `--vendor-chunk` has a value. Please let us know if using `--build-optimizer` breaks your project so we can improve it further. Repos are very welcome.
214 lines
5.5 KiB
TypeScript
214 lines
5.5 KiB
TypeScript
import { CliConfig } from '../models/config';
|
|
import { BuildOptions } from '../models/build-options';
|
|
import { Version } from '../upgrade/version';
|
|
import { oneLine } from 'common-tags';
|
|
|
|
const Command = require('../ember-cli/lib/models/command');
|
|
|
|
|
|
const config = CliConfig.fromProject() || CliConfig.fromGlobal();
|
|
const buildConfigDefaults = config.getPaths('defaults.build', [
|
|
'sourcemaps', 'baseHref', 'progress', 'poll', 'deleteOutputPath', 'preserveSymlinks',
|
|
'showCircularDependencies', 'commonChunk'
|
|
]);
|
|
|
|
// defaults for BuildOptions
|
|
export const baseBuildCommandOptions: any = [
|
|
{
|
|
name: 'target',
|
|
type: String,
|
|
default: 'development',
|
|
aliases: ['t', { 'dev': 'development' }, { 'prod': 'production' }],
|
|
description: 'Defines the build target.'
|
|
},
|
|
{
|
|
name: 'environment',
|
|
type: String,
|
|
aliases: ['e'],
|
|
description: 'Defines the build environment.'
|
|
},
|
|
{
|
|
name: 'output-path',
|
|
type: 'Path',
|
|
aliases: ['op'],
|
|
description: 'Path where output will be placed.'
|
|
},
|
|
{
|
|
name: 'aot',
|
|
type: Boolean,
|
|
description: 'Build using Ahead of Time compilation.'
|
|
},
|
|
{
|
|
name: 'sourcemaps',
|
|
type: Boolean,
|
|
aliases: ['sm', 'sourcemap'],
|
|
description: 'Output sourcemaps.',
|
|
default: buildConfigDefaults['sourcemaps']
|
|
},
|
|
{
|
|
name: 'vendor-chunk',
|
|
type: Boolean,
|
|
aliases: ['vc'],
|
|
description: 'Use a separate bundle containing only vendor libraries.'
|
|
},
|
|
{
|
|
name: 'common-chunk',
|
|
type: Boolean,
|
|
default: buildConfigDefaults['common-chunk'] === undefined ?
|
|
true : buildConfigDefaults['common-chunk'],
|
|
aliases: ['cc'],
|
|
description: 'Use a separate bundle containing code used across multiple bundles.'
|
|
},
|
|
{
|
|
name: 'base-href',
|
|
type: String,
|
|
aliases: ['bh'],
|
|
description: 'Base url for the application being built.',
|
|
default: buildConfigDefaults['base-href']
|
|
},
|
|
{
|
|
name: 'deploy-url',
|
|
type: String,
|
|
aliases: ['d'],
|
|
description: 'URL where files will be deployed.'
|
|
},
|
|
{
|
|
name: 'verbose',
|
|
type: Boolean,
|
|
default: false,
|
|
aliases: ['v'],
|
|
description: 'Adds more details to output logging.'
|
|
},
|
|
{
|
|
name: 'progress',
|
|
type: Boolean,
|
|
aliases: ['pr'],
|
|
description: 'Log progress to the console while building.',
|
|
default: buildConfigDefaults['progress']
|
|
},
|
|
{
|
|
name: 'i18n-file',
|
|
type: String,
|
|
description: 'Localization file to use for i18n.'
|
|
},
|
|
{
|
|
name: 'i18n-format',
|
|
type: String,
|
|
description: 'Format of the localization file specified with --i18n-file.'
|
|
},
|
|
{
|
|
name: 'locale',
|
|
type: String,
|
|
description: 'Locale to use for i18n.'
|
|
},
|
|
{
|
|
name: 'extract-css',
|
|
type: Boolean,
|
|
aliases: ['ec'],
|
|
description: 'Extract css from global styles onto css files instead of js ones.'
|
|
},
|
|
{
|
|
name: 'watch',
|
|
type: Boolean,
|
|
default: false,
|
|
aliases: ['w'],
|
|
description: 'Run build when files change.'
|
|
},
|
|
{
|
|
name: 'output-hashing',
|
|
type: String,
|
|
values: ['none', 'all', 'media', 'bundles'],
|
|
description: 'Define the output filename cache-busting hashing mode.',
|
|
aliases: ['oh']
|
|
},
|
|
{
|
|
name: 'poll',
|
|
type: Number,
|
|
description: 'Enable and define the file watching poll time period (milliseconds).',
|
|
default: buildConfigDefaults['poll']
|
|
},
|
|
{
|
|
name: 'app',
|
|
type: String,
|
|
aliases: ['a'],
|
|
description: 'Specifies app name or index to use.'
|
|
},
|
|
{
|
|
name: 'delete-output-path',
|
|
type: Boolean,
|
|
aliases: ['dop'],
|
|
description: 'Delete output path before build.',
|
|
default: buildConfigDefaults['deleteOutputPath'],
|
|
},
|
|
{
|
|
name: 'preserve-symlinks',
|
|
type: Boolean,
|
|
description: 'Do not use the real path when resolving modules.',
|
|
default: buildConfigDefaults['preserveSymlinks']
|
|
},
|
|
{
|
|
name: 'extract-licenses',
|
|
type: Boolean,
|
|
default: true,
|
|
description: 'Extract all licenses in a separate file, in the case of production builds only.'
|
|
},
|
|
{
|
|
name: 'show-circular-dependencies',
|
|
type: Boolean,
|
|
aliases: ['scd'],
|
|
description: 'Show circular dependency warnings on builds.',
|
|
default: buildConfigDefaults['showCircularDependencies']
|
|
},
|
|
{
|
|
name: 'build-optimizer',
|
|
type: Boolean,
|
|
default: false,
|
|
aliases: ['bo'],
|
|
description: '(Experimental) Enables @angular-devkit/build-optimizer '
|
|
+ 'optimizations when using `--aot`.'
|
|
}
|
|
];
|
|
|
|
export interface BuildTaskOptions extends BuildOptions {
|
|
statsJson?: boolean;
|
|
}
|
|
|
|
const BuildCommand = Command.extend({
|
|
name: 'build',
|
|
description: 'Builds your app and places it into the output path (dist/ by default).',
|
|
aliases: ['b'],
|
|
|
|
availableOptions: baseBuildCommandOptions.concat([
|
|
{
|
|
name: 'stats-json',
|
|
type: Boolean,
|
|
default: false,
|
|
description: oneLine`Generates a \`stats.json\` file which can be analyzed using tools
|
|
such as: \`webpack-bundle-analyzer\` or https://webpack.github.io/analyse.`
|
|
}
|
|
]),
|
|
|
|
run: function (commandOptions: BuildTaskOptions) {
|
|
// Check angular version.
|
|
Version.assertAngularVersionIs2_3_1OrHigher(this.project.root);
|
|
|
|
// Default vendor chunk to false when build optimizer is on.
|
|
if (commandOptions.vendorChunk === undefined) {
|
|
commandOptions.vendorChunk = !commandOptions.buildOptimizer;
|
|
}
|
|
|
|
const BuildTask = require('../tasks/build').default;
|
|
|
|
const buildTask = new BuildTask({
|
|
project: this.project,
|
|
ui: this.ui,
|
|
});
|
|
|
|
return buildTask.run(commandOptions);
|
|
}
|
|
});
|
|
|
|
|
|
BuildCommand.overrideCore = true;
|
|
export default BuildCommand;
|