Ts学习
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的构造函数,不能被实例化