Webpack打包ts文件

news2024/11/26 7:29:26

安装依赖包:

npm i -D webpack webpack-cli typescript ts-loader

配置webpack配置文件(webpack.config.js):


//webpack中所有的配置文件信息都得写在module.exports中
module.exports={
    
    //指定入口文件
    entry:'./src/index.ts'
    
    //指定打包后文件所在目录
    output: {
        //指定打包文件的目录
        path:'./dist'
        //打包以后的文件
        filename:"bundle.js"
      }
    
    //指定webpack打包时使用模块
    module:{
        //指定要加载的规则
        rules: [
            {
                //指定规则生效的文件(正则表达式)
                test:/\.ts$/,
                //要使用的loader
                use: 'ts-loader',
                //要排除的文件
                exclude:/node-module/
            }
        ]
    }


}

还需要指定一个配置文件来指定我们ts的一个编译规范,在根目录创建一个tsconfig.json

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/724633.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

terminal 终端Ctrl+Shfit+E键与搜狗输入法冲突Linux

下载完搜狗输入法后,发现CtrlShfitE不能在终端分屏了,原因是和搜狗的快捷键冲突了,把搜狗的禁用了或者换成其它快捷键即可 界面右上角打开搜狗拼音,点击属性设置 把勾去掉或者换其它快捷键

eladmin环境搭建

1、参考这里的简介、快速了解、快速开始 简介 | ELADMIN 在线文档 2、后台我用的是Idea,要记得安装jdk、下载maven,Idea中要记得核对Settings、Project Structure的jdk、maven相关配置。同时也要核对数据库配置是否是好的,数据库是否能连接…

不同ts文件下,提示变量名重复的问题解决

同一个目录的不同文件下使用同一个变量名称出现报错 是因为ts的文件默认是全局文件 发现即使在标签栏关闭 也无法解决, 可以尝试在 报错的文件上加上 export{},即可完美解决

实战 |记一次简单渗透测试实战

声明:请勿利用文章内的相关技术从事非法测试,由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失,均由使用者本人负责,鹏组安全及文章作者不为此承担任何责任。 在进行渗透测试时,首先需要进行的是信…

系统分析师下午案例真题及解析(2022-2020年)

请点击↑关注、收藏,本博客免费为你获取精彩知识分享!有惊喜哟!! 2022年案例真题 真题1 阅读以下关于软件系统分析与建模的叙述,在答题纸上回答问题1至问题3。 【说明】 某软件公司拟开发一套博客系统&#xf…

Java使用ClassLoader读取外部json文件

我们有时候会遇到这样一种业务场景:某个对象是变化的,在不同项目的部署中,可能需要更改对象中的某个属性,这时如果我们将该对象写在代码里,这样不仅寻找不便,部署后也不能随便修改(修改后又要重…

9个面试模板:招聘经理的问题和指南

有效的面试让我们更好的提升招聘效率,招聘经理和招聘人员可以使用面试模板确保高效快捷地进行面试。 面试模板有助于构建面试流程,为向候选人提问和记录他们的答案创建一个一致的框架。支持不同公司自定义面试模版,面试模版还可以更轻松地对…

Win10开始菜单打不开怎么办?Win10开始菜单打不开解决方法

Win10开始菜单打不开怎么办?当用户在Win10系统上遇到开始菜单打不开的问题时,可能会导致无法方便地访问和运行应用程序、设置等功能,这时候用户可以重启一下Win10电脑的任务管理器来解决问题,以下就是Win10开始菜单打不开解决方法…

撕去“械字号”标签,敷尔佳靠营销还能走多远?

回顾刚刚过去的六月,美妆护肤板块回暖趋势继续保持。 据数据显示,6 月淘系、抖音合计美妆GMV同比增长约13%,其中,护肤、彩妆分别同比增长14%、11%。而据美加漾科技披露的《2023年618护肤市场大数据调研》显示,护肤品市…

一键安装docker及docker-compose

1、创建docker存放相关文件目录,该目录可自己定义。2、添加相关文件,可在网盘提取。其中docker-20.10.9.tgz和docker-compose为安装包,也可根据需要在网上下载,注意docker-compose安装包下载后需要改名为docker-compose。 链接&am…

【正点原子STM32连载】第五十一章 汉字显示实验 摘自【正点原子】STM32F103 战舰开发指南V1.2

1)实验平台:正点原子stm32f103战舰开发板V4 2)平台购买地址:https://detail.tmall.com/item.htm?id609294757420 3)全套实验源码手册视频下载地址: http://www.openedv.com/thread-340252-1-1.html# 第五…

【Kafka】Kafka基础概念笔记

【Kafka】Kafka基础概念笔记 文章目录 【Kafka】Kafka基础概念笔记1. 两种模式1.1 点对点模式1.2 发布/订阅模式 2. 基础架构3. Topic命令行操作3.1 查看 Topic 操作3.2 创建 Topic3.3 查看所有 Topic3.4 查看 Topic 的详情3.5 修改分区数3.6 删除 Topic 4. 生产者命令行操作4.…

统一参数校验

使用注解,统一参数校验 我们在实际的开发过程中经常会遇到需要对参数进行校验的情况,比如在需要用户输入手机号的时候他是不是真的输入了一个合法的手机号,在需要用户输入一个邮箱的时候他是不是真的输入了一个合法的邮箱,用户输…

可以在手机做笔记的app哪一款比较好用?

在这个信息爆炸的时代,人们需要快速有效地记录和整理信息。随着智能手机的普及,越来越多的人选择在手机上做笔记,相对于纸笔记录,手机笔记app的好处更多。 一款优秀的笔记app可以帮助我们进行内容整理,我们可以将笔记…

Mysql8.0下载及安装步骤完整教程

1.首先去官网下载Mysql8.0压缩包 官网地址:MySQL :: Download MySQL Community Server 文件下载后解压到D盘,具体路径可以根据自己习惯。 我解压的具体位置:D:\Program Files 2.创建配置文件my.ini 在和bin同级目录创建文件 my.ini&#x…

FuLLGC模拟及结果流程

内存泄漏、内存溢出、CPU飙升三者之间的关系 内存泄露可能会导致内存溢出。 内存溢出会抛出异常,内存泄露不会抛出异常,大多数时候程序看起来是正常运行的。 内存泄露的程序,JVM频繁进行FullGC尝试释放内存空间,进而会导致CPU飙升…

能流畅运行OctaneRender 的硬件建议

OctaneRender 是一个完全基于 GPU 的渲染引擎。这意味着系统中的显卡(或 GPU)会影响渲染完成所需的时间,而不是 CPU。 处理器(CPU) 在 OctaneRender 以及大多数其他基于 GPU 的引擎中,CPU 在渲染场景的过程…

Flutter流式组件Wrap

Wrap组件类似Row组件都是横向依次排列,唯一的区别就是Wrap能自动换行。 主要代码: Wrap(spacing: 10, //左右间距runSpacing: 10, //上下间距// direction: Axis.vertical,//主轴的方向,默认横向// alignment: WrapAlignment.spaceBetween, …

【Element】Tree 树形控件

使用el-tree完成下拉框单选功能 <label class"handle-label">部门:</label> <el-select v-model"bm" ref"selectTree" class"wd150" placeholder"请选择" clearable clear"handleTreeClear">…

Aop基于xml和注解应用

基于 XML 的 AOP 开发 问题1&#xff1a;在通知方法中如何定义切入点表达式&#xff1f; 问题2&#xff1a;如何配置切面&#xff1f; 问题3&#xff1a;在配置类上如何开启AOP注解功能&#xff1f; 1.1 快速入门 ①导入 AOP 相关坐标 ②创建目标接口和目标类&#xff08…