首页
学习
活动
专区
工具
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代码中使用它们。

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

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

相关·内容

CSReid库在NetCore工作场景中的使用

## 关于我 [作者博客|文章首发](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

2K40

在 Swift图表中使用Foundation库中的测量类型

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

2.7K20
  • 在 Swift 图表中使用 Foudation 库中的测量类型

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

    2.4K30

    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.9K20

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

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

    2.2K73

    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

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

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

    4.2K31

    【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目录下...此时在运行我们的程序就能正常运行了,但要注意的是,在指令的最后我们必须指明我们要链接的库,因为这个库是我们自己导到系统中的,需要我们自己指明链接。

    55510

    从零搭建基于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

    1K31

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

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

    11.2K20

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

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

    1.7K20

    十分钟搞定 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.9K22

    使用CLI开发一个Vue3的npm库

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

    61520
    领券