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

devDependencies到底是什么时候包含在angular构建中的

devDependencies是一个在Node.js开发中常用的配置项,它用于指定在开发过程中所需要的依赖包。通常情况下,devDependencies中列出的依赖项不会被包含在构建后的生产代码中,而是只在开发过程中使用。

具体来说,devDependencies中的依赖包主要包括用于开发、构建、测试和调试等辅助工具,比如测试框架、代码检查工具、构建工具、模拟数据等。这些依赖项对于开发人员来说非常重要,但是在部署和运行生产环境时并不需要包含它们,因为它们不会直接影响应用程序的功能。

在Angular项目中,devDependencies中可能会包含一些用于开发和构建Angular应用程序所需的工具和库,比如TypeScript编译器、webpack构建工具、Karma测试框架等。这些工具和库在开发过程中起到了关键的作用,但在构建后的代码中并不需要包含它们。

需要注意的是,devDependencies中的依赖项会在执行npm install命令时被安装,但是在执行npm install --production命令或者将应用程序部署到生产环境时,这些依赖项不会被包含进去。

总结起来,devDependencies是用于指定在开发过程中所需的依赖包的配置项,其中列出的依赖项不会被包含在构建后的生产代码中。通过合理配置devDependencies,可以使得应用程序的部署和运行更加轻量化和高效化。

附带腾讯云相关产品介绍链接:

  • TypeScript编译器:TypeScript是一个由微软开发的编程语言,用于构建大型、高质量的JavaScript应用程序。在Angular项目中,TypeScript编译器负责将TypeScript代码转换为JavaScript代码。腾讯云相关产品:无
  • webpack构建工具:webpack是一个现代化的JavaScript模块打包工具,它能够将多个模块打包成一个或多个浏览器可识别的捆绑文件。在Angular项目中,webpack负责处理和打包应用程序的各个模块和资源文件。腾讯云相关产品:无
  • Karma测试框架:Karma是一个用于执行JavaScript单元测试的测试运行器。在Angular项目中,Karma可以与其他测试工具和框架(如Jasmine)结合使用,用于编写和执行单元测试。腾讯云相关产品:无
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

npm -i 与npm install -S与-D区别以及dependencies与devDependencies区别

-g 全局安装   i 是install 简写 -S就是--save简写 -D就是--save-dev 这样安装名称及版本号就会存在package.jsondevDependencies...这个里面,而--save会将名称及版本号放在dependencies里面。...dependencies与devDependencies区别 在使用npm安装一些时,经常要用到npm install这个命令,而对后面跟着参数–save和–save-dev经常搞糊涂,那我们来看下这两者到底有啥区别...一、简单理解 dependencies,依赖意思,这些安装都是程序所依赖。 dev即develop,开发意思,也就是开发环境下依赖。...比如babel有关转化es6到es5依赖只是开发环境下转化用,生产过程中是用不到,所以只用写在devDependencies中,而比如像angular或jQuery这种实际运行会调用到,得写在dependencies

1.8K10
  • Angular-内存溢出问题

    本项目用angular6搭建,用动态组件形式来显示页面,之前遇到过因为内存溢出而导致无法aot问题, Angular4以上该方法都适用 解决方法:手动改写内存上限 修改目录: my-project..._@angular_compiler-cli@4.0.1@@angular\compiler-cli\src\main.js" %* ) 至于到底是什么原因导致内存溢出,还不清楚,只是有如下猜测: 1...)文件过多; 2)订阅数据没有销毁占用内存,(看了下订阅数据很少,应该不是的); 3)因为所有的组件都在一个根目录下(上面说了,用动态组件没用路由),导致需要编译组件过多?...暂时还不清楚只能先用设置内存上限方法来解决,有大神的话望不吝指教; 还有一个问题就是用动态组件方式,组件都在根目录下,会导致首次加载时间过长。...^1.8.4", "web-animations-js": "^2.3.1", "xlsx": "^0.15.2", "zone.js": "~0.8.26" }, "devDependencies

    2.4K20

    Flutter 结合 Dio 使用

    学过前端读者应该不陌生,在 package.json 中有下面两种方式引入: "dependencies": { "@angular/animations": "9.1.11", }, "devDependencies...": { "tslint": "~6.1.2", } 复制代码 dependencies 下是要发布到生产环境,而 devDependencies只用于开发环境。...因为我们生产环境还是要用到 Dio,所以我们需要在 dependencies 下添加: dependencies: flutter: sdk: flutter dio: ^4.0.6...这里我使用个人站点接口 获取文章接口数据 来调试,你可以复制其接口到浏览器中查看,返回数据如下图所示: 那么我们来验证下在 Flutter 中能否请求到。...我们引入 import 'package:dio/dio.dart' 后,发起一个请求: void getArticles() async { try { Response response

    1.1K10

    三分钟使用webpack-dev-sever搭建一个服务器

    --save 会把依赖名称添加到 package.json 文件 dependencies 下; --save-dev 则添加到 package.json 文件 devDependencies 键下;...它们真正区别是,npm自己文档说dependencies是运行时依赖,devDependencies是开发时依赖。...即devDependencies 下列出模块,是我们开发时用,比如 我们安装 js压缩gulp-uglify 时,我们采用是 “npm install –save-dev gulp-uglify...dependencies 下模块,则是我们发布后还需要依赖模块,譬如像jQuery库或者Angular框架类似的,我们在开发完后后肯定还要依赖它们,否则就运行不了。...另外需要补充是:  正常使用npm install时,会下载dependencies和devDependencies模块,当使用npm install –production或者注明NODE_ENV

    1.1K80

    基于 Lerna 管理 packages Monorepo 项目最佳实践

    因为最终是通过文件拷贝方式组装到一起,并且都是压缩过,无法组建一个自上到下调试流程(实际工作中只能加log,然后重新把编译组装一遍看效果) 依赖关系不清晰。...Monorep 是把所有相关 package 都放在一个仓库里进行管理,每个 package 独立发布。例如:React, Angular, Babel, Jest, Umijs, Vue ......Lerna 现在已经被很多著名项目组织使用,如:Babel, React, Vue, Angular, Ember, Meteor, Jest 。 一个基本 Lerna 管理仓库结构如下: ?...那什么时候去校验呢,就又用到了上面安装 husky ,husky配置中增加'pre-commit'钩子用来执行 lint-staged 校验操作,如上所示。...实际 lerna version 很少直接使用,因为它包含在 lerna publish 中了,直接使用 lerna publish就好了。

    3K61

    ionic3升级适配angular5

    昨天angular5和ionic3同时发布更新了,为了用上angular5新特性,还是有必要踩下坑,当然踩坑白老鼠建议选用一个最近不用维护项目。...首次支持angular5ionic3版本 然后再看下angular5版本,同样发布了两个版本,一个是普通稳定版,一个是beta版,其中前者如图所示修复了几个bug,那若升级,当然选择普通稳定版比较好...angular5最新beta版 在ionic3官网建议是更新依赖到angular5.0.0版本,而根据上述说明,优先选择做了做了bug修复angular5.0.1版。...于是我们升级步骤如下: 一、更新依赖 删除package-lock.json和node_modules,然后修改package.json如下: "dependencies" : { ......": "3.9.2", "rxjs": "5.5.2", "zone.js": "0.8.18" ... }, "devDependencies: { "@ionic/app-scripts

    2.5K40

    常见问题 - 构建文档 - ckeditor5中文文档

    例如,ckeditor5-basic-styles处理HTML元素,例如,,等,以及它们在模型中表示。 该功能定义了HTML(视图)和编辑器模型之间双向转换。...没有contents.css文件这样东西,因为在CKEditor 5中有一些功能带来了他们自己内容样式,这些内容样式默认包含在JavaScript构建中并由样式加载器加载(它们也可以被提取)。...默认情况下,在所有编辑器构建中启用图像和图像上载功能。...如何在一些框架中使用CKEditor 5(例如Angular,React)? 有关官方集成完整列表,请参阅“官方集成”部分。...包含未使用功能毫无意义,因为它们会增加编辑器大小并使网站变得更重。 这就是为什么我们不提供类似于我们在CKEditor 4中提供完整编辑器原因。

    5.5K40

    (1724) webpack实战技巧:生产环境和开发环境并行设置,实现来回切换

    概述 生产环境和开发环境所需依赖是不同: --开发依赖:就是开发中用到而发布时用不到。在package.json里面对应就是devDependencies下面相关配置。...,会自动安装jquery到node_modules目录中 2.3 安装到开发环境 安装指令为: npm install jquery --save-dev 安装完成后,它存在于package.jsondevDependencies...执行该条指令后产生后续效果为: (1)会把jquery安装到node_modules目录中 (2)会在package.jsondevDependencies属性下添加jquery (3)之后运行npm...2.5 安装生产环境依赖 安装指令为: npm install --production 添加了production参数后将只安装package.json中dependencies里面的,不会安装devDependencies...} }else{ var website={ publicPath:"http://www.wfaceboss.top/" //生产环境中路径配置 } } 如果想看一下执行打包指令时传过来到底是什么

    78720

    如何在 ASP.NET MVC 中集成 AngularJS(2)

    由于捆绑和压缩降低你 JavaScript 和 CSS 文件大小,发送 HTTP 字节也会显著降低。 当配置文件时,你需要考虑一个捆绑策略以及如何组织你文件。...当你更改内容并重新发布你应用程序时,将会生成一个新版本号,这有助于客户端上浏览器缓存,并生成一个新下载。...下面的代码片段包含在 _layout.cshtml 母版页中,当应用程序在调试模式下,RenderFormat 会被使用。...使用自动版本插件,版本号会在每次构建中自动递增。使用这项技术,我能够知道每一次编译和运行使用是 JavaScript 文件最新版本,这为我省了很多时间。...最初我计划创建一个常规 AngularJS 服务或者一个包含在 _Layout.cshtml 文件中能够使用 Razor 语法注入服务器端方法集。

    8.3K100

    Angularjs基础(六)

    var app = angular.module("myApp",[]);          “myApp”参数对应执行应用...};             })          模块和控制器包含在JS 文件中     通常AngularJS 应用程序将模块和控制器包含在JavaScript文档中...DOCTYPE html>            <script src="http://apps.bdimg.com/libs/<em>angular</em>.js/1.4.6/<em>angular</em>.min.js...AngularJS 模块让所有的函数<em>的</em>作用域在该模块下,避免了该问题。 <em>什么时候</em>载入库?     在我们<em>的</em>实例中,所有的AngularJS 库都在HTML 文档<em>的</em>头部载入。     ...在我们<em>的</em>实例中,AngularJS在元素中被加载,因为对<em>angular</em>.module<em>的</em>调用只能在库加载完后才能进行。

    3K80
    领券