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

在Typescript库中使用@types库作为package.json中的普通依赖项可以吗?

在Typescript库中使用@types库作为package.json中的普通依赖项是不合适的。@types库是用于提供TypeScript类型定义的特殊库,用于在TypeScript项目中使用JavaScript库时提供类型检查和自动补全的支持。

通常情况下,@types库应该作为开发依赖项(devDependencies)而不是普通依赖项(dependencies)添加到package.json中。这是因为@types库只在开发过程中用于类型检查和开发工具的支持,而在运行时并不需要。

如果将@types库作为普通依赖项添加到package.json中,它们将被包含在最终的构建文件中,增加了项目的体积,并且可能导致运行时错误。

因此,建议将@types库作为开发依赖项添加到package.json中,可以使用以下命令将其添加到项目中:

代码语言:txt
复制
npm install @types/<library-name> --save-dev

其中,<library-name>是你要使用的JavaScript库的名称。

对于TypeScript库的开发,可以使用其他的依赖项来引入所需的JavaScript库,例如:

代码语言:txt
复制
npm install <library-name> --save

这样可以将JavaScript库作为普通依赖项添加到package.json中,并在TypeScript代码中使用它们。

请注意,以上答案是基于一般的最佳实践和推荐做法,具体的项目需求和情况可能会有所不同。

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

相关·内容

CSReidNetCore工作场景使用

## 关于我 [作者博客|文章首发](http://www.zhouhuibo.club) 过去 .net 最有名望 ServiceStack.Redis 早已沦为商业用途, .NETCore...后来居上 StackExchange.Redis 虽然能用,但是之前出现各种Timeout错误也是让人很无语,所以也不作为使用首选。...CSRedisCore是国人开源一套Redis操作,现在最新版本已经V3.6.5,经过几个实际公司项目的使用情况来看,还没有出现什么大问题,本文主要介绍一下使用这个过程一些自己想法。...,大体思路和上文一致只是方法体变了而已 ## 普通模式 ``` var csredis = new CSRedis.CSRedisClient("127.0.0.1:6379,password=123...,可以参照”Redis多个Db使用“标签进行设置** ## 高级用法 CSRedis高级用法可以参考这篇文章 [.NETCore 简单且高级 csredis v3.0.0](https://www.cnblogs.com

1.9K40

Swift图表中使用Foundation测量类型

Swift 图表中使用Foundation 测量类型 在这篇文章,我们将建立一个条形图,比较基督城地区自然散步持续时间。...因为我们知道我们walk标题是唯一,所以我们可以直接使用它们作为id,但你也可以将你数据模型改为Identifiable。...of External Types),如果Swift Charts未来添加了这种一致性,它可能会被破坏。...我们收到值是使用我们Plottable一致性定义初始化器创建,所以我们案例,测量值是以分钟为单位提供。但我相信对于这个特定图表,使用小时会更好。...我选择了缩小格式和小数点后零位数作为数字样式,但你可以根据你具体图表调整这些设置。 最后结果是X轴上显示以小时为单位格式化持续时间。

2.6K20

WindowsXamlHost: WPF 中使用 UWP 控件控件

WindowsXamlHost: WPF 中使用 UWP 控件(Windows Community Toolkit) 一文,我们说到了 WPF 引入简单 UWP 控件以及相关注意事项...创建一个 UWP 控件 建议专门为你复杂 UWP 控件创建一个 UWP 控件。在这个控件开发就像普通 UWP 应用一样。...项目中: image.png ▲ WPF 项目中添加 UWP 控件 为了能够每次编译 WPF 项目的时候确保 UWP 项目先编译,需要为 WPF 项目设置项目依赖。...image.png ▲ 添加项目依赖 现在,编译 WPF 项目的时候,会将 UWP 项目编译后源码也一起编译到 WPF 项目中;相当于间接使用了 UWP 控件。... WPF 项目中使用 UWP 控件控件 这时, WindowsXamlHost 中就可以添加 UWP 控件 MainPage 了。

5.8K20

Swift 图表中使用 Foudation 测量类型

尝试直接在图表中使用测量值 让我们定义一个 Chart,并将 walks 数组作为数据参数传递给它。...因为我们知道我们walk 标题是唯一,所以我们可以直接使用它们作为 id,但你也可以将你数据模型改为 Identifiable。...Conformances of External Types[3]),如果 Swift Charts 未来添加了这种一致性,它可能会被破坏。...我们收到值是使用我们 Plottable 一致性定义初始化器创建,所以我们案例,测量值是以分钟为单位提供。但我相信对于这个特定图表,使用小时会更好。...我选择了缩小格式和小数点后零位数作为数字样式,但你可以根据你具体图表调整这些设置。 最后结果是X轴上显示以小时为单位格式化持续时间。

2.4K30

pnpm技术体系之:打造企业级 pnpm 开源组件

创建工作空间pnpm 内置了对单一存储(也称为多包存储、多项目存储或单体存储支持, 你可以创建一个 workspace 以将多个项目合并到一个仓库,这样作用是能在我们开发调试多包时,彼此间依赖引用更加简单...已经包含utils包依赖了。...files:组件作为依赖时会安装目录/文件,支持正则匹配,默认会带上4package.json、README、LICENSE / LICENCE 和 主入口文件。...关于依赖安装一般来讲,pnpm对于工作空间依赖安装分2种,一种是普通安装,另一种是使用-w(--workspace-root)参数,它代表把依赖安装到工作空间中。...pnpm i -Sw react但如果你某个包使用以下命令,那么react只能在这个包内被引用,其他组件不会识别到react依赖

2.1K73

使用Yarn workspace,TypeScript,esbuild,React和Express构建 K8S 云原生应用(一)

要设置它们每一个,我们既可以使用 yarn init(每个文件夹),也可以手动创建文件(例如,通过 IDE)。 软件包名称使用命名约定是每个软件包之前都使用 @my-app/* 作为前缀。...TypeScript 现在,我们将第一个依赖添加到我们项目:TypeScriptTypeScript 是 JavaScript 超集,可在构建时实现类型检查。...yarn.lock 文件(该文件确保项目的整个生命周期中依赖预期版本保持不变)和一个 node_modules 文件夹,该文件夹保存依赖 binaries。...例如,您可以通过键入 yarn server add express 来添加一些新依赖。这将直接向 server 包添加新依赖。 在后续部分,我们将开始构建前端和后端应用程序。...因为我们要优化构建时间和带宽,所以我们只想在依赖发生更改(通常比文件更改发生频率小)时重新安装它们。 RUN shell 执行命令。

4.1K31

python使用过程安装方法

背景: 在学习python过程难免会出现python解释器没有所需要,这时我们就要自行去安装这些了;当然如果使用anaconda集成环境的话安装python一些依赖环境中会简单不少(...ps:推荐大家使用anaconda) 2.安装方法: 安装这些依赖环境方法大体上可以分为三种:1.通过pycharm安装;2.通过命令行方式进行安装;3.手动安装 3.方法一:pycharm...] 3.安装命令为pip install 包名字 上图以opencv为例子,pip install opencv-python 如果安装速度比较换可以使用命令: pip install -i...在其中输入要搜索包名字: [在这里插入图片描述] 找到安装包根据自身版本需求下载: [在这里插入图片描述] 找到下载文件本地文件夹: [在这里插入图片描述] 如图所示位置输入cmd [在这里插入图片描述...] 右击属性:[在这里插入图片描述] 复制路径 [在这里插入图片描述] 命令行输入pip install +文件路径,譬如我路径为:C:\Users\胡子旋\Downloads\opencv_python

1.4K80

【Linux】详解动静态制作和使用&&动静态系统配置步骤

gcc -o myexe(要形成可执行文件名) test.c(所依赖文件) -lmyc(指明要链接myc这个静态) -L ....(-L + 路径表示myc这个在哪个路径下) 2.2、动态制作和使用 fPIC:产生位置无关码,将.c或者.cpp形成.o文件时,需要加上-fPIC。...gcc -shared -o libmyc.so(名字,真正名要去掉lib和.so) mystdio.o mymath.o(所依赖.o文件) 但如果直接使用我们这个动态,同样会和我们之前使用静态一样发生链接错误...但是,ubuntu系统下你会发现,动态使用静态链接方法我们动态系统还是找不到(此处特制ubuntu系统,其它系统可能可以正常运行),这时我们就只能将我们动态拷贝到系统usr/lib目录下...此时在运行我们程序就能正常运行了,但要注意是,指令最后我们必须指明我们要链接,因为这个是我们自己导到系统,需要我们自己指明链接。

22310

从零搭建基于react与ts组件(一)项目搭建与封装antd组件

迫于技术洁癖,我希望更多开发小伙伴能够真正理解一个项目搭建各个方面的细节,做到面对对于工程出现错误能够做到有把握。 最近使用阿里低开引擎时候,想要封装一套组件作为物料给低开引擎引入。...代码使用typescript进行开发。 样式使用less进行开发。 引入antd组件作为底层原子组件,并且r-ui.umd.js和r-ui.umd.css包含antd组件代码和样式代码。...依赖react、react-dom模块以外部引用方式。 开发与打包工具选型 使用webpack作为打包工具 老牌而又经典打包工具,广泛使用,丰富插件生态以及各种易得样例。...简单来讲,我希望react、react-dom等组件包,不会被打入到组件,而是html引入(Add React to a Website – React (reactjs.org)):...react相关时候,可以不用引入到dependencies运行时依赖,而只需要引入对应类型定义到devDependencies开发依赖: yarn add -D @types/react@17.0.39

66031

使用 TypeScript依赖注入实现一个聊天机器人

TypeScript 教程,除编译以外,我们不会直接介绍 TypeScript 基础知识。...我们将会使用: Node.js TypeScript Discord.js,Discord API包装器 InversifyJS,一个依赖注入框架 测试:Mocha,Chai和ts-mockito...创建单元测试 现在我们已经正确地注入了依赖,编写单元测试很容易。我们将使用 Chai 和 ts-mockito。不过你也可以使用其他测试器和模拟。...恭喜你干净利落地用 TypeScript 和 DI 完成了它!这里 TypeScript 依赖注入示例是一种模式,你可以将其添加到你知识中一遍在其他项目中使用。...仅仅使用类型就可以避免许多错误。 TypeScript 中进行依赖注入会将更多面向对象最佳实践推向基于 JavaScript 开发。

11.1K20

NodeJS 导入包时候出现 @types 错误导致程序无法运行

一次开发 NodeJS 项目的时候,我们希望包导入是用 import 导入方式。 但是具体导入时候发现是使用 @types 导入。...@types 经过一些研究,有时候 @types 这个使用是因为 JS 世界中有很多包不是通过 TypeScript 进行开发使用普通 JS 。...为了让使用 JS 能够 TypeScript使用,那么我们导入时候需要添加 @types 但是我们这个问题是,我们并没有添加需要 @types/bluebird, 但是这个是从哪里来呢...这个时候,我们需要找到这个包导入依赖了。 导入这个包所在项目的文件夹,打开 package.json 这个文件。 在这个文件也没有找到这个包依赖,也不是使用types 定义。...但是实际使用时候,我们程序使用是另外一种导入方式。 因此,针对这个问题,我们最简单办法就是将 /@types/request-promise 从你依赖删除。

1.6K20

十分钟搞定 TypeScript + webpack 配置

安装、构建和运行 Web 应用 首先需要安装我们网络应用依赖所有 npm 软件包: npm install 然后,需要通过 package.json 脚本来运行 webpack(在上一步也已安装...`package.json` package.json 指定项目所依赖脚本和 npm 软件包: { "private": true, "scripts": { "tsc": "tsc"...依赖: Webpack incl 支持通过 CLI(命令行界面)和插件使用:webpack、webpack-cli、ts-loader、copy-webpack-plugin 需要 ts-loader...:typescript Web 应用 Web 服务器:http-server 以及 TypeScript 代码使用类型定义:lodash、@ types/lodash `webpack.config.js...没有加载器情况下使用 webpack:`webpack-no-loader.config.js` 除了依赖于 ts-loader 之外,我们还可以先将所有 TypeScript 文件编译为 JavaScript

2.7K21

使用CLI开发一个Vue3npm

删除默认创建文件,配置依赖 配置打包命令 配置CSS内联 添加描述 发布至npm 实现过程 接下来带着大家动手操作下上述步骤。...配置依赖 项目创建好后,我们删掉CLI初始化时创建东西,然后修改package.json内容。...package.json,CLI默认是把vue和core-js放在dependencies下,我们开发插件是要给其他开发者引用,如果我们打包产物包含Vue包的话可能会引发各种问题,比如用户可能会在引入我们包之后会在...package.json添加下述代码,移除原来dependencies下依赖。...vueRightMenuPlugin src/main.ts", } 由于我们插件启用了typescript使用默认打包,不会帮我们生成ts声明文件,使用我们插件开发者项目可能会启用typescript

58020
领券