typeScript 全局库 文件声明

2022-10-25 13:55:31 浏览数 (1)

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'

0 人点赞