首页 > 其他分享 >webpack打包的时候如何指定 tsconfig.build.json

webpack打包的时候如何指定 tsconfig.build.json

时间:2024-04-08 13:12:12浏览次数:25  
标签:TypeScript 配置文件 webpack loader json build tsconfig

在使用Webpack打包TypeScript项目时,如果你想要指定一个不同于默认的tsconfig.json的配置文件,你可以通过TypeScript的编译器选项tsconfig来实现。

以下是一个基本的配置示例,你需要在webpack配置文件中的TypeScript loader中添加这个选项:

const path = require('path');

module.exports = {
// ...
module: {
rules: [
{
test: /.tsx?$/,
use: [
{
loader: 'ts-loader',
options: {
configFile: path.resolve(__dirname, 'tsconfig.build.json'),
},
},
],
exclude: /node_modules/,
},
// ...
],
},
// ...
};

在这个配置中,ts-loader使用了一个自定义的tsconfig.build.json配置文件,这个文件应该位于你的webpack配置文件相同的目录下,或者你可以通过path.resolve来指定正确的路径。

确保你有一个名为tsconfig.build.json的文件,并且它位于正确的位置。例如:

{
"compilerOptions": {
"module": "es2015",
"target": "es5",
// 其他编译选项...
},
"include": [
"src/**/*"
],
"exclude": [
"node_modules"
]
}

这样配置后,当你运行Webpack打包时,ts-loader会使用指定的tsconfig.build.json配置文件来处理TypeScript文件。

标签:TypeScript,配置文件,webpack,loader,json,build,tsconfig
From: https://www.cnblogs.com/longmo666/p/18120896

相关文章

  • webpack-dev-server安装
    D:\1234\工作交接\web版继电器测试工具>npmrundev>[email protected]>webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js'webpack-dev-server'不是内部或外部命令,也不是可运行的程序或批处理文件。D:\1234\工作交接\web版继电器测试工具>npminst......
  • postgresql查询json类型字段中的数据
    在PostgreSQL中,JSON类型字段的使用已经越来越广泛。如果需要从JSON类型字段中查询数据,PostgreSQL提供了一系列的操作符和函数,使得查询和处理JSON数据变得非常方便。本文将为您介绍一些常用的查询JSON类型字段的方法和函数。查询JSON类型字段中的所有键如果需要查询......
  • 「GIS数据」下载全国的GeoJSON、shp格式数据(精确到乡镇街道级)-2024年4月更新
    发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据,支持导入矢量地图渲染框架中使用,例如:D3、Echarts等geojson数据下载地址:https://geojson.hxkj.vip该项目github地址:https://github.com/TangSY/echarts-m......
  • 轻松上手Jackjson(珍藏版)
    写在前面虽然现在市面上有很多优秀的json解析库,但Spring默认采用Jackson解析Json。本文将通过一系列通俗易懂的代码示例,带你逐步掌握Jackson的基础用法、进阶技巧以及在实际项目中的应用场景。一、Jackjson简介Jackson是当前用的比较广泛的,用来序列化和反序列化json的J......
  • @JsonProperty注解
    @JsonProperty注解序言@JsonProperty当一个Java对象转换成Json字符串后,如果不是正确的实际名称有可能会出现异常。比如数据库中的坐标名称是x_axis,而定义Java对象是是xAxis,那么这时就需要使用到@JsonProperty注解,并且配合ObjectMapper.writeValueAsString方法使用去序列化对......
  • @JSONField 坑点 结论:若属性是私有的,必须有set*方法。否则无法反序列化。
    @JSONField坑点结论:若属性是私有的,必须有set*方法。否则无法反序列化。@JSONField坑点结论:若属性是私有的,必须有set*方法。否则无法反序列化。原因:主要原因是JSONField注解是通过反射来操作对象的属性的,而在Java类中一般情况下,字段是私有的,不能直接访问。所以需要......
  • webpack前端模块加载工具
    webpack前端模块加载工具 最近在看许多React的资料,发现了大部分的项目都是用webpack行模块化管理的工具。这次也是借着写了一个React-Todos的小应用,对webPack最基本实用的功能体验了一番,顺带做个小记录。为什么用webpackCommonJs与AMD在一开始,我们先讲一下它和以往我们所......
  • 前端package.json文件
    package.json 文件是Node.js项目的配置文件,用于描述项目的元数据和依赖关系。它是一个JSON格式的文件,位于项目根目录下。在这个文件中,你可以定义项目的名称、版本号、作者、许可证等项目信息,并且可以列出项目所需的依赖包和脚本。在创建新的Node.js项目时,通常会通过运行 ......
  • 解释一下package.json中的 "license": "ISC"是什么意思?
    在package.json文件中,"license":"ISC"表示该项目采用了ISC(InternetSystemsConsortium)许可协议。ISC许可协议是一种简明、宽松的开源软件许可证,它赋予了用户以下权利:自由使用:允许个人和组织在没有任何费用的情况下使用该软件,无论用于商业还是非商业目的。复制和分发:用户......
  • 通过输出解析器输出 json 格式数据
    fromlangchain.output_parsersimportResponseSchema,StructuredOutputParserfromlangchain_community.llms.ollamaimportOllamafromlangchain_core.promptsimportPromptTemplatellm=Ollama(model="qwen:7b")#你希望你的回复结构模板response_schems=[......