Webpack打包ts文件

安装依赖包:

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

Webpack打包ts文件_第1张图片

Webpack打包ts文件_第2张图片 

 

你可能感兴趣的:(Typescript,webpack,typescript)