webpack -- TypeScript的打包配置

最新推荐文章于 2024-08-04 17:19:03 发布

-小橙子-

最新推荐文章于 2024-08-04 17:19:03 发布

阅读量2.5k

点赞数 1

分类专栏： Webpack 文章标签： TypeScript的打包配置

本文链接：https://blog.csdn.net/Riona_cheng/article/details/100586451

版权

本文介绍了如何使用webpack和ts-loader将TypeScript代码打包成浏览器可执行的JS代码。通过一个简单的demo展示了配置过程，包括webpack.config.js的设置、tsconfig.json的重要性，以及在项目中使用lodash时如何借助@types/lodash进行类型检查，提高编码效率。

摘要由CSDN通过智能技术生成

TypeScript的作用：

代码不够规范时，会及时给与我们提示，可以让我们更严谨、规范的书写代码.
类型检查严格，减少编程中的低级错误出现.
提高我们代码的可维护性。

写一段ts代码

class Greeter {
   
    greeting: string;
    constructor(message: string) {
   
        this.greeting = message;
    }

    greet() {
   
        return 'hello' + this.greeting;
    }
}

let greeter = new Greeter('小橙子');

let button = document.createElement('button');
button.textContent = '点我';
button.onclick = function() {
   
	alert(greeter.greet());
}
document.appendChild(button);