安装依赖包:
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