本文整理汇总了TypeScript中@ngtools/webpack.AngularCompilerPlugin类的典型用法代码示例。如果您正苦于以下问题:TypeScript AngularCompilerPlugin类的具体用法?TypeScript AngularCompilerPlugin怎么用?TypeScript AngularCompilerPlugin使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了AngularCompilerPlugin类的7个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1: getAotConfig
export function getAotConfig(wco: WebpackConfigOptions) {
const { projectRoot, buildOptions, appConfig } = wco;
const tsConfigPath = path.resolve(projectRoot, appConfig.root, appConfig.tsconfig);
const testTsConfigPath = path.resolve(projectRoot, appConfig.root, appConfig.testTsconfig);
let pluginOptions: any = { tsConfigPath };
// Fallback to exclude spec files from AoT compilation on projects using a shared tsconfig.
if (testTsConfigPath === tsConfigPath) {
let exclude = [ '**/*.spec.ts' ];
if (appConfig.test) {
exclude.push(path.join(projectRoot, appConfig.root, appConfig.test));
}
pluginOptions.exclude = exclude;
}
let boLoader: any = [];
if (buildOptions.buildOptimizer) {
boLoader = [{
loader: '@angular-devkit/build-optimizer/webpack-loader',
options: { sourceMap: buildOptions.sourcemaps }
}];
}
const test = AngularCompilerPlugin.isSupported()
? /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/
: /\.ts$/;
return {
module: { rules: [{ test, use: [...boLoader, webpackLoader] }] },
plugins: [ _createAotPlugin(wco, pluginOptions) ]
};
}
开发者ID:3L4CKD4RK,项目名称:angular-cli,代码行数:33,代码来源:typescript.ts
示例2: addTargetDefaults
// Fill in defaults for build targets
public addTargetDefaults(buildOptions: T): T {
const targetDefaults: { [target: string]: Partial<BuildOptions> } = {
development: {
environment: 'dev',
outputHashing: 'media',
sourcemaps: true,
extractCss: false,
namedChunks: true,
aot: AngularCompilerPlugin.isSupported(),
buildOptimizer: false
},
production: {
environment: 'prod',
outputHashing: 'all',
sourcemaps: false,
extractCss: true,
namedChunks: false,
aot: true
}
};
let merged = Object.assign({}, targetDefaults[buildOptions.target], buildOptions);
// Use Build Optimizer on prod AOT builds by default when AngularCompilerPlugin is supported.
const buildOptimizerDefault = {
buildOptimizer: buildOptions.target == 'production' && AngularCompilerPlugin.isSupported()
};
merged = Object.assign({}, buildOptimizerDefault, merged);
// Default vendor chunk to false when build optimizer is on.
const vendorChunkDefault = {
vendorChunk: !merged.buildOptimizer
};
merged = Object.assign({}, vendorChunkDefault, merged);
return merged;
}
开发者ID:MarkPieszak,项目名称:angular-cli,代码行数:40,代码来源:webpack-config.ts
示例3: validateBuildOptions
// Validate build options
public validateBuildOptions(buildOptions: BuildOptions) {
buildOptions.target = buildOptions.target || 'development';
if (buildOptions.target !== 'development' && buildOptions.target !== 'production') {
throw new Error("Invalid build target. Only 'development' and 'production' are available.");
}
if (buildOptions.buildOptimizer
&& !(buildOptions.aot || buildOptions.target === 'production')) {
throw new Error('The `--build-optimizer` option cannot be used without `--aot`.');
}
if (buildOptions.experimentalAngularCompiler && !AngularCompilerPlugin.isSupported()) {
throw new Error('You need Angular 5 and up to use --experimental-angular-compiler.');
}
}
开发者ID:dzonatan,项目名称:angular-cli,代码行数:16,代码来源:webpack-config.ts
示例4: function
run: function (runTaskOptions: any) {
const appConfig = getAppFromConfig(runTaskOptions.app);
const useExperimentalAngularCompiler = AngularCompilerPlugin.isSupported();
// We need to determine the outFile name so that AngularCompiler can retrieve it.
let outFile = runTaskOptions.outFile || getI18nOutfile(runTaskOptions.i18nFormat);
if (useExperimentalAngularCompiler && runTaskOptions.outputPath) {
// AngularCompilerPlugin doesn't support genDir so we have to adjust outFile instead.
outFile = join(runTaskOptions.outputPath, outFile);
}
const config = new XI18nWebpackConfig({
genDir: runTaskOptions.outputPath || appConfig.root,
buildDir: '.tmp',
i18nFormat: runTaskOptions.i18nFormat,
locale: runTaskOptions.locale,
outFile: outFile,
verbose: runTaskOptions.verbose,
progress: runTaskOptions.progress,
app: runTaskOptions.app,
aot: useExperimentalAngularCompiler,
}, appConfig).buildConfig();
const webpackCompiler = webpack(config);
webpackCompiler.outputFileSystem = new MemoryFS();
const statsConfig = getWebpackStatsConfig(runTaskOptions.verbose);
return new Promise((resolve, reject) => {
const callback: webpack.compiler.CompilerCallback = (err, stats) => {
if (err) {
return reject(err);
}
const json = stats.toJson('verbose');
if (stats.hasWarnings()) {
this.ui.writeLine(statsWarningsToString(json, statsConfig));
}
if (stats.hasErrors()) {
reject(statsErrorsToString(json, statsConfig));
} else {
resolve();
}
};
webpackCompiler.run(callback);
});
}
开发者ID:Serdji,项目名称:angular-cli,代码行数:47,代码来源:extract-i18n.ts
示例5: getNonAotTestConfig
export function getNonAotTestConfig(wco: WebpackConfigOptions) {
const { projectRoot, appConfig } = wco;
const tsConfigPath = path.resolve(projectRoot, appConfig.root, appConfig.testTsconfig);
const appTsConfigPath = path.resolve(projectRoot, appConfig.root, appConfig.tsconfig);
let pluginOptions: any = { tsConfigPath, skipCodeGeneration: true };
if (AngularCompilerPlugin.isSupported()) {
if (appConfig.polyfills) {
// TODO: remove singleFileIncludes for 2.0, this is just to support old projects that did not
// include 'polyfills.ts' in `tsconfig.spec.json'.
const polyfillsPath = path.resolve(projectRoot, appConfig.root, appConfig.polyfills);
pluginOptions.singleFileIncludes = [polyfillsPath];
}
} else {
// The options below only apply to AoTPlugin.
// Force include main and polyfills.
// This is needed for AngularCompilerPlugin compatibility with existing projects,
// since TS compilation there is stricter and tsconfig.spec.ts doesn't include them.
const include = [appConfig.main, appConfig.polyfills, '**/*.spec.ts'];
if (appConfig.test) {
include.push(appConfig.test);
}
pluginOptions.include = include;
// Fallback to correct module format on projects using a shared tsconfig.
if (tsConfigPath === appTsConfigPath) {
pluginOptions.compilerOptions = { module: 'commonjs' };
}
}
return {
module: { rules: [{ test: /\.ts$/, loader: webpackLoader }] },
plugins: [ _createAotPlugin(wco, pluginOptions, false) ]
};
}
开发者ID:3L4CKD4RK,项目名称:angular-cli,代码行数:37,代码来源:typescript.ts
示例6: Compiler
description: '(Experimental) Enables @angular-devkit/build-optimizer '
+ 'optimizations when using `--aot`.'
},
{
name: 'named-chunks',
type: Boolean,
aliases: ['nc'],
description: 'Use file name for lazy loaded chunks.',
default: buildConfigDefaults['namedChunks']
},
{
name: 'experimental-angular-compiler',
type: Boolean,
// aliases: ['eac'], // We should not have shorthand aliases for experimental flags.
description: '(Experimental) Use new Angular Compiler (Angular version 5 and greater only).',
default: AngularCompilerPlugin.isSupported()
}
];
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',
开发者ID:dzonatan,项目名称:angular-cli,代码行数:31,代码来源:build.ts
示例7: _createAotPlugin
function _createAotPlugin(wco: WebpackConfigOptions, options: any, useMain = true) {
const { appConfig, projectRoot, buildOptions } = wco;
options.compilerOptions = options.compilerOptions || {};
if (wco.buildOptions.preserveSymlinks) {
options.compilerOptions.preserveSymlinks = true;
}
// Forcing commonjs seems to drastically improve rebuild speeds on webpack.
// Dev builds on watch mode will set this option to true.
if (wco.buildOptions.forceTsCommonjs) {
options.compilerOptions.module = 'commonjs';
}
// Read the environment, and set it in the compiler host.
let hostReplacementPaths: any = {};
// process environment file replacement
if (appConfig.environments) {
if (!appConfig.environmentSource) {
let migrationMessage = '';
if ('source' in appConfig.environments) {
migrationMessage = '\n\n' + stripIndent`
A new environmentSource entry replaces the previous source entry inside environments.
To migrate angular-cli.json follow the example below:
Before:
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
After:
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
`;
}
throw new SilentError(
`Environment configuration does not contain "environmentSource" entry.${migrationMessage}`
);
}
if (!(buildOptions.environment in appConfig.environments)) {
throw new SilentError(`Environment "${buildOptions.environment}" does not exist.`);
}
const appRoot = path.resolve(projectRoot, appConfig.root);
const sourcePath = appConfig.environmentSource;
const envFile = appConfig.environments[buildOptions.environment];
hostReplacementPaths = {
[path.resolve(appRoot, sourcePath)]: path.resolve(appRoot, envFile)
};
}
if (AngularCompilerPlugin.isSupported()) {
const pluginOptions: AngularCompilerPluginOptions = Object.assign({}, {
mainPath: useMain ? path.join(projectRoot, appConfig.root, appConfig.main) : undefined,
i18nInFile: buildOptions.i18nFile,
i18nInFormat: buildOptions.i18nFormat,
i18nOutFile: buildOptions.i18nOutFile,
i18nOutFormat: buildOptions.i18nOutFormat,
locale: buildOptions.locale,
platform: appConfig.platform === 'server' ? PLATFORM.Server : PLATFORM.Browser,
missingTranslation: buildOptions.missingTranslation,
hostReplacementPaths,
sourceMap: buildOptions.sourcemaps,
}, options);
return new AngularCompilerPlugin(pluginOptions);
} else {
const pluginOptions: AotPluginOptions = Object.assign({}, {
mainPath: path.join(projectRoot, appConfig.root, appConfig.main),
i18nFile: buildOptions.i18nFile,
i18nFormat: buildOptions.i18nFormat,
locale: buildOptions.locale,
replaceExport: appConfig.platform === 'server',
missingTranslation: buildOptions.missingTranslation,
hostReplacementPaths,
sourceMap: buildOptions.sourcemaps,
// If we don't explicitely list excludes, it will default to `['**/*.spec.ts']`.
exclude: []
}, options);
return new AotPlugin(pluginOptions);
}
}
开发者ID:3L4CKD4RK,项目名称:angular-cli,代码行数:92,代码来源:typescript.ts
注:本文中的@ngtools/webpack.AngularCompilerPlugin类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。 |
请发表评论