前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >typeScript 全局库 文件声明

typeScript 全局库 文件声明

作者头像
刘嘿哈
发布2022-10-25 13:55:31
7010
发布2022-10-25 13:55:31
举报
文章被收录于专栏:js笔记

1.cmd引入js库方式,在html文档中引入

<script src="./xxx.js"></script>

2.文件编译后找不到路径,因为文件编译后会自动生成到dist目录,为了优雅和错误率我们避免手动copy静态资源到dist目录下,安装copy-webpack-plugin

$npm install copy-webpack-plugin --save-dev

3.webpack.config.js配置插件,传入参数告诉它我们将要拷贝的文件路径'from',和目标路径'to'

constCopyPlugin=require('copy-webpack-plugin');

module.exports={

    plugins:[newCopyPlugin({

        patterns:[{from:'source',to:'dest'},{from:'other',to:'public'},],

    }),]

};

4.配置tsconfig.json

增加下面配置,指定引入src下所有目录下的所有.ts和.d.ts文件 **为通配符

  "include":[

    "./src/**/*.ts",

    "./src/**/*.d.ts"

  ]

5.src创建index.d.ts声明文件   declare修饰符‘声明’

typeScript声明模板

declare function setTitle(params:string|number):void

declare function getTitle():string

declare let documentTitle:string

// 修改js原生对象声明方式

interface String{

    getFirstLetter():string

}

// ps:快捷模块声明

types下面创建对应文件夹,创建index.js文件 

例如:

declare module 'moment'

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-07-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档