TypeScript 使用Parcel打包TS代码

pwc

2020-06-25

初始化 package.json npm init -y

初始化 tsconfig.json tsc --init

安装 parcel cnpm install -D

tsconfig.json 找到配置

"outDir": "./dist",
"rootDir": "./src",

package.json 配置

"scripts": {
　　"test": "parcel ./src/index.html"
},

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./page.ts"></script>
</body>
</html>

page.ts

const teacher: string = ‘222‘;
console.log(teacher);

执行命令 npm run test，控制台没报错，说明 parcel 会自动对 ts 文件进行编译

typescript ts

pwc

0 关注 0 粉丝 0 动态

关注关注

细数这些年被困扰过的 TS 问题

本文转载自微信公众号「全栈修仙之路」，作者阿宝哥。TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不

彤庆的技术 2020-09-02

TypeScript 描述文件中的全局类型

之前我们是安装别人写好的 .d.ts 文件。这次我们自己去写。declare function $: void;// 定义全局函数 $可以接收一个函数，函数重载

xiaofanguan 2020-06-28

了不起的tsconfig.json指南

在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？本文将全面带大家一起详细了解 tsconfig.json 的各项配置。水平有限

锅哥 2020-06-12

27 个提升开发幸福度的 VsCode 插件

Visual Studio Code是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。如果你正在寻找更多的好用的 VsCode 工具，那么这篇或许能够帮助你。

changcongying 2020-11-02

如何编写健壮的 TypeScript 库？

当你用 TypeScript 编写库时，你通常不知道这个库最终将如何被使用。即使你警告潜在用户，你编写这个库只是针对 TypeScript 用户，你还是可能会在某个时刻拥有 JavaScript 用户——或者是因为他们不顾你的警告而使用这个库，或者是他们

changcongying 2020-10-30

Deno需要做什么才能取代Node.js？

本文转载自公众号“读芯术”。它拥有广泛功能，讨论度非常高，在Github上有将近68000个星星：。既然这么受欢迎，那么有人要问了：为什么Deno正式版本1.0发行时没能成功呢?本文就将深入探讨这个问题。Deno是由Ryan Dahl创建的安全的Java

苗疆三刀的随手记 2020-10-29

Vue3+TypeScript完整项目上手教程

TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， V

zouph000 2020-10-25

TypeScript：请停止使用 any

当我们开发 TypeScript 代码时，很可能会遇到 any 关键字。我们看到的大多数用法都表明我们正在处理 TypeScript 中的基本类型。在文档中我们可能会找到：。)来不使用 TypeScript 或第3方库编写的代码的值。在这些情况下，我们可

Jruing 2020-10-23

React应用程序配置TypeScript

最近在学习TypeScript的一些知识用到了 react,记录一下 react 创建应用项目和支持 TypeScript。React 是一个用于构建用户界面 UI 的 JavaScript 库,它的创建默认是不支持 TypeScript 的,本文使用的是

ctg 2020-10-14

2020 10大薪资最高的IT编程语言排名

三百六十行，行行转IT。IT行业自2016年首次超过金融行业以后，一直到现在每年都是稳居高薪第1名的宝座。调查结果显示，在美国，掌握Java语言的开发人员平均工资相较于2019年的118,000美元增长了6%。Java在最流行编程语言中排名第5，根据Sta

PMJ0 2020-10-13

[Typescript] Function Overloads

Function overload doesn‘t compile to Javascript, it is just a way to tell typescript about type information

ChaITSimpleLove 2020-10-06

2020年，JavaScript开发人员必备的5项高薪技能

开发人员的一生可以用两句话概括：计算器，以及学习新技能。成为开发人员绝非易事，他们是解决问题的人，也是不断学习的人。科技世界每天都在快速变化，如果你不想在这条快速变化的道路上落后，就必须不断学习新技能。不断升级，绝不止步。人们对React开发商的需求并未出

小飞侠V 2020-09-25

聊聊技术选型 - Angular2 vs Vue2

目前没法确切的评估未来一段时间这两个框架的维护情况，但基本能确定的是，框架的生命周期不会比我们大部分业务的生命周期短。从国内的使用情况以及社区发展来看，Vue 更胜一筹。从学习曲线上看，Angular 要更陡峭，Vue 要相对平缓一些。从能够开发的应用的全

QiaoranC 2020-09-25

重新认识Typescript | Vue3源码系列

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.大致意思

changcongying 2020-09-17

你不知道的 TypeScript 高级类型

对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写

taizuduojie 2020-09-15

2020年面向初学者的优秀TypeScript书籍

TypeScript是时下最流行的前端开发语言之一，由于TypeScript往往会和其他框架生态和概念混合在一起，因此TypeScript也是当下比较难以难掌握和学习的语言之一。学习TypeScript需要理论联系实际，在学习基本概念的同时，还要注重动手实

淼寒儿 2020-09-13

半天掌握TypeScript，感觉就像写Java

本文转载自微信公众号「小姐姐味道」，作者小姐姐养的狗。但是，JavaScript是个拦路虎，尤其是熟悉了Java之类的强类型检查语言之后，每次看到js都感觉不爽。万幸现在有了更好的选择。意思就是在ts中可以直接书写js。不过，这也只是类比而已，ts中的很

lyjava 2020-09-11

TypeScript 配置文件该怎么写？

今天我们就来看下， TypeScript 的配置文件 tsconfig.json 该如何写。package.json 是包描述文件，对应的 Commonjs 规范，而 tsconfig.json 是最终被 TypeScript Compiler 解析和使用

锅哥 2020-08-27

typescript配置alias的详细步骤

注意"baseUrl": "./",不能省去，否则ts报Option 'paths' cannot be used without specifying '--baseUrl' option.错误

ruanhongbiao 2020-08-16

深入 TypeScript 中的子类型、逆变、协变，进阶 Vue3 源码前必须搞懂的

TypeScript 中有很多地方涉及到子类型 subtype、父类型 supertype 的概念，如果搞不清这些概念，那么很可能被报错搞得无从下手，或者在写一些复杂类型的时候看到别人可以这么写，但是不知道为什么他可以生效。在这个例子中，Animal 是

zouph000 2020-08-03

安科网