安裝依賴包：
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打包時(shí)使用模塊
module:{
//指定要加載的規(guī)則
rules: [
{
//指定規(guī)則生效的文件（正則表達(dá)式）
test:/\.ts$/,
//要使用的loader
use: 'ts-loader',
//要排除的文件
exclude:/node-module/
}
]
}
}還需要指定一個(gè)配置文件來指定我們ts的一個(gè)編譯規(guī)范，在根目錄創(chuàng)建一個(gè)tsconfig.json
?文章來源：http://www.zghlxwxcb.cn/news/detail-527631.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-527631.html
到了這里，關(guān)于Webpack打包ts文件的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
