typescript 使用parcel编译ts文件

最新推荐文章于 2023-01-09 22:11:09 发布

神奇大叔

最新推荐文章于 2023-01-09 22:11:09 发布

阅读量683

点赞数 1

分类专栏： typescript 文章标签： typescript

本文链接：https://blog.csdn.net/weixin_43294560/article/details/107504719

版权

typescript 专栏收录该内容

29 篇文章 4 订阅

订阅专栏

当页面直接引入ts文件时,浏览器不支持解析ts语法,引入parcel解决

1、下载
	cnpm intall -D parcel@next

2、使用
	在项目package.json中,修改"scripts"命令
		"xx": "parcel ./xx/index.html"

3、页面引入ts文件,打开窗口提示的网址即可

代码示例:
package.json

{
  "name": "typescript",
  "version": "1.0.0",
  "description": "public(默认)、private、protected",
  "main": "index.js",
  "directories": {
    "test": "test"
  },
  "scripts": {
    "test": "parcel ./src/index.html"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "parcel": "^2.0.0-beta.1"
  }
}

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>
    
    <script src='./page.ts'></script>
</head>
<body>
    
</body>
</html>

神奇大叔

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
typescript 使用parcel编译ts文件

当页面直接引入ts文件时,浏览器不支持解析ts语法,引入parcel解决1、下载 cnpm intall -D parcel@next2、使用在项目package.json中,修改"scripts"命令 "xx": "parcel ./xx/index.html"3、页面引入ts文件,打开窗口提示的网址即可代码示例:package.json{ "name": "typescript", "version": "1.0.0", "description": "publ
复制链接

扫一扫

专栏目录