TS小记--

Ts学习

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"
cd "$(brew --repo)"
git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git
 

npm init -y

-y所有问题都选yes

创建package.json文件

安装ts：

npm i typescript -g

-g全局安装，保证每个地方都可以使用

创建ts配置文件：tsconfig.json

tsc -init

执行ts文件：

 tsc ./src/index.ts

导入webpac包：

npm i webpack webpack-cli webpack-dev-server -D

引入ts-loader

 npm i ts-loader typescript -D

安装html插件：html:5快速生成html文件

 npm i html-webpack-plugin -D

安装clean:避免dist文件缓存

 npm i clean-webpack-plugin -D

安装:避免dist文件缓存

 npm i clean-webpack-plugin -D

合并config文件：

安装clean:避免dist文件缓存

 npm i webpack-merge -D

编写config文件

编写package.json文件

遇到问题：

module not found：1.去找路径是否正确

[webpack-cli] TypeError:CleanWebpackPlugin is not a constructor

从clean-webpack-plugin.d.ts文件的内容可知，导出的是以一个对象属性的形式，所以我们在引入的时候需要以解构的方式来获取，如下：

const { CleanWebpackPlugin } = require("clean-webpack-plugin");

TypeError: merge is not a function

const { merge } = require('webpack-merge')

类型索引不太懂

Ts函数重载：需要先定义一系列的函数声明

Protected的构造函数，不能被实例化