首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 9 production build不创建命名块文件

Angular 9是一种流行的前端开发框架,用于构建现代化的Web应用程序。在Angular 9中,production build是指将应用程序打包为生产环境可用的最终版本。通常情况下,production build会创建一些命名块文件,用于按需加载应用程序的不同部分。

然而,有时候在使用Angular 9进行production build时,可能会遇到不创建命名块文件的情况。这可能是由于以下原因导致的:

  1. 代码优化:Angular的编译器会对代码进行优化,包括删除未使用的代码和模块,减小生成的文件大小。在某些情况下,编译器可能认为不需要创建命名块文件,因为它们可能不会被使用或加载。
  2. 配置设置:Angular的构建配置文件(如angular.json)中的某些设置可能会影响是否创建命名块文件。例如,如果设置了"optimization"选项为true,那么编译器会尝试进行更多的代码优化,可能会导致不创建命名块文件。

无论是什么原因导致不创建命名块文件,这通常不会影响应用程序的正常运行。Angular的模块加载器会根据需要动态加载应用程序的各个部分,以提供最佳的性能和用户体验。

对于解决这个问题,可以尝试以下方法:

  1. 检查构建配置:确保在构建配置文件(如angular.json)中的相关选项设置正确。特别是检查"optimization"选项的值,如果设置为true,尝试将其设置为false,以查看是否会创建命名块文件。
  2. 手动配置:如果需要确保创建命名块文件,可以尝试手动配置Angular的构建过程。可以使用Angular的自定义构建配置选项,如"namedChunks",来指定是否创建命名块文件。具体的配置方法可以参考Angular的官方文档或相关教程。

需要注意的是,以上方法仅供参考,具体解决方法可能因项目配置和环境而异。建议在遇到问题时,查阅Angular的官方文档、社区论坛或寻求专业的开发支持来获取更准确的解决方案。

腾讯云提供了一系列与云计算相关的产品和服务,其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发者构建和部署各种类型的应用程序。具体推荐的腾讯云产品和产品介绍链接地址可以根据实际需求和场景进行选择,可以参考腾讯云的官方网站或咨询腾讯云的技术支持团队。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular CLI 使用教程指南参考

> [options] 创建一个新的 Angular 项目,默认在当前所在目录下 参数 描述 --dry-run -d 只输出要创建文件和执行的操作,实际上并没有创建项目 --verbose -v...输出详细信息 --skip-npm 在项目第一次创建执行任何npm命令 --name 指定创建项目的名称 ng serve ng new PROJECT_NAME cd PROJECT_NAME...项目 参数 描述 --dry-run -d 只输出要创建文件和执行的操作,实际上并没有创建项目 --verbose -v 输出详细信息 --skip-npm 在项目第一次创建执行任何npm命令...ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用的环境文件(--environment = dev或--environment...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod

3K50

Angular10配置webpack打包 「详细教程」

对于 Angular 项目,推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。...虽然官方文档上只标注到了可用版本为9,但是Angular10也是可以使用的。 1....第一步:安装 Angular CLI 你要使用 Angular CLI 来创建项目、创建应用和库代码,并执行多种开发任务,比如测试、打包和发布。 全局安装 Angular CLI。...比如全局是否使用单引号,变量命名语法,每行最大字段数等等 应用项目文件 CLI 命令 ng new my-app 会默认创建名为 “my-app” 的工作空间文件夹,并在 src/ 文件夹下为工作空间顶层的根应用生成一个新的应用骨架...} `` 允许您跳过一些(例如,添加单元测试) xhtml {Boolean} false 如果true将link标签呈现为自动关闭(符合XHTML) 最后奉上完整的webpack.partial.js

4.8K20

Spring Boot 整合 AngularJS

model文件夹并在该文件夹下创建Model类,用于存放数据模型/** * Licensed to the Apache Software Foundation (ASF) under one * or...controller文件夹并在该文件夹下创建HelloAngularController Rest API接口,我们只提供一个简单的添加,删除,修改,查询列表的接口/** * Licensed to the... <img width="300" alt="<em>Angular</em> Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC<em>9</em>zdmciIHZpZXdCb3g<em>9</em>IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw<em>9</em>IiNERDAwMzEiIGQ<em>9</em>Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8...}, "configurations": { "production": { "browserTarget": "angular:build..."production": { "devServerTarget": "angular:serve:production" } }

41730

webpack4 新特性

参考 create-react-app 使用 npx 创建 react-demo,创建之后 npm run eject 就可以看到它详细的 webpack 配置了。...none 选用任何默认优化选项 (1)可以在启动命令后加入参数使用: "scripts": { "dev": "webpack --mode development", "build": "...webpack --mode production" } (2)也可以在配置文件中加入 mode 属性: mode: development // webpack.development.config.js...(7) name: 要控制代码命名,可以用 name 参数来配置,当不同分割代码被赋予相同名称时候,他们会被合并在一起。...Compilation 对象包含了当前的模块资源、编译生成资源、变化的文件等。当 webpack 以开发模式运行时,每当检测到一个文件变化,一次新的 Compilation 将被创建

1.1K20

使用Angular CLI进行Build (构建) 和 Serve

默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...maps 生成 生成 如何处理css 全局css输出到js文件 生成的是css文件 uglify 是 Tree-Shaking 不去掉无用代码 去掉无用代码 AOT 是 Bundling打包...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...环境 --target -t Build target --dev 表示dev env和target --prod 表示prod env和target Production Build....执行aot会去掉一些程序执行不需要的代码, 例如angular的compiler这时就不在build输出的文件里了(可以使用source-map-explorer查看).

2.3K70

Angular开发实践(六):服务端渲染

:src/app/app.module.ts 创建服务端应用的引导程序文件:src/main.server.ts 修改客户端应用的引导程序文件:src/main.ts 创建 TypeScript 的服务端配置...:src/tsconfig.server.json 修改 @angular/cli 的配置文件:.angular-cli.json 创建 Node Express 的服务程序:server.ts 创建服务端预渲染的程序...'in the browser' : 'on the server'; console.log(`Running ${platform} with appId=${appId}`); } 3、创建服务端应用的引导程序文件...6、修改 @angular/cli 的配置文件:.angular-cli.json 在 apps 下添加: { "platform": "server", "root": "src",...这里讨论 Webpack 的配置,需要了解的移步 Webpack官网 // Work around for https://github.com/angular/angular-cli/issues/

4.7K100

从零认识webpack4.0,带你走进神秘的webpack

而在一般情况下,需要构建符合项目要求的配置文件,可在package.json 中同过--config配置webpack的执行文件(如下) "script": { "build": "webpack....67c249f5bcf3681ab97e.js"> tips: 如何理解chunkFileName: chunkname 是未被列入entry 中, 却有需要被打包出来的文件命名配置..., 例如,某些公共模块需要单独的抽离出来,这些公共模块就可以用chunkname 来命名 可以见下面的代码分离部分 3.3 配置多个入口文件 { entry: { app: '....我们一般会把开发的所有源码和资源文件放在 src/ 目录下,构建的时候产出一个 build/ 目录,通常会直接拿 build 中的所有文件来发布。...8 分离代码文件 为了实现减小打包后代码的体积,利用缓存来加速静态资源访问,需要将不同,且相互不影响的代码分离出来, 在plugin 中介绍过mini-css-extract-plugin 来对css

45531
领券