一、项目初始化

npm init -y

二、安装依赖

cnpm  i -D webpack webpack-cli typescript ts-loader

三、编写webpack.config.js

// 引入一个包
const path = require("path")
// webpack中的所有配置信息都应该写在module.exports中
module.exports = {
    // 指定入口文件
    entry:"./src/index.ts",
    // 指定打包文件所在的目录
    output:{
        // 指定打包文件的目录
        path:path.resolve(__dirname,"dist"),
        // 打包后文件的文件名
        filename:"bundle.js"
    },
    // 指定webpack打包时要使用的模块
    module:{
        // 指定要加载的规则
        rules:[
            {
                // test指定的是规则生效的文件
                test:/\.ts$/,
                // 要使用的loader
                use:'ts-loader',
                // 要排除的文件夹
                exclude:/node_modules/
            }
        ]
    }
}

四、编写tsconfig.json

{
    "compilerOptions": {
        "module": "ES2015",
        "target": "ES2015",
    }
}

五、修改package.json

"scripts": {
    ...
    "build":"webpack"
  },