安装依赖包：
npm i -D webpack webpack-cli typescript ts-loader配置webpack配置文件（webpack.config.js）：
//webpack中所有的配置文件信息都得写在module.exports中
module.exports={
//指定入口文件
entry:'./src/index.ts'
//指定打包后文件所在目录
output: {
//指定打包文件的目录
path:'./dist'
//打包以后的文件
filename:"bundle.js"
}
//指定webpack打包时使用模块
module:{
//指定要加载的规则
rules: [
{
//指定规则生效的文件（正则表达式）
test:/\.ts$/,
//要使用的loader
use: 'ts-loader',
//要排除的文件
exclude:/node-module/
}
]
}
}还需要指定一个配置文件来指定我们ts的一个编译规范，在根目录创建一个tsconfig.json
文章来源：https://www.toymoban.com/news/detail-527631.html
文章来源地址https://www.toymoban.com/news/detail-527631.html
到了这里，关于Webpack打包ts文件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
