vscode+typescript+webpack开发流程

https://www.cnblogs.com/3d-gis/articles/14384133.html

这个文档如果有不清楚的地方，百度一下吧：）

//////////////////////////////////////////
开发中遇到的问题
//////////////////////////////////////////

参照（2）中的文档进行开发，运行npm run dev命令时，出现错误 Cannot find module 'webpack-cli/binl config-yargs'：

原因是 package.json中的 3个依赖项 "webpack"、"webpack-cLi"、"webpack-dev-server" 的版本不匹配：

package.json改成如下的就可以了：
{
"name": "ts01",
"version": "1.0.0",
"description": "ls",
"main": "index.js",
"scripts": {
"build": "webpack",
"dev": "webpack-dev-server",
"test": "echo "Error: no test specified" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"ts-loader": "^8.0.14",
"typescript": "^4.1.3",

"webpack": "^4.46.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.2"

}
}

//////////////////////////////////////////
** (4)参照（2）得到的demo 代码**
//////////////////////////////////////////
参照（2），解决一些问题后得到的demo 代码
https://gitee.com/sgit2020/ts_study01

//////////////////////////////////////////
** (5) peer dependency && 脚手架
//////////////////////////////////////////

baoqger:

这个叫peer dependency ,指定了有些依赖必须是某个版本

baoqger:
用了依赖的某些新属性,npm应该能处理这个问题的
不然就安装高版本的

baoqger:
httpsever太简单了,没有自动load功能,开发不便

gm:
是不是所有依赖一起安装，npm就能计算出合理的版本了？

baoqger:
npm能解决各种版本冲突问题
不建议上来就自己配webpack，挺复杂的，很多前端工程师自己都不会配置
属于前端领域的高级技能了

gm:
那个网页是分散在各个命令上安装依赖的，是不是这样导致版本不匹配？

baoqger:
安装的时候没有指定版本，默认下载最新的，这样你做出来就跟文章不一样了
各个包有个字不同的升级了
gm:
不配置webpack，如何测试？如何从ts产生js

baoqger:
可以在GitHub上搜一个ts webpack的starter repo
直接继续在里面开发，省去自己配置的麻烦，
这种东西叫脚手架，一个命令生成一个新项目
gm:
我找找

//////////////////////////////////
（6）在 ts里调用 js的方法
//////////////////////////////////
《webpack typescript 加载 js 模块报错解决方案》(https://blog.csdn.net/sflf36995800/article/details/80601107)
我使用的是方式1

Python2019

（1）vscode+typescript+webpack开发流程请参照这个文档

公告