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'