首页 > 解决方案 > Webpack配置中,ts-loader任务完成后如何运行几个插件

问题描述

在我的项目中,我在 typescript 中拥有所有代码和薮定制的 js 库。我如何组合编译的 js 文件(在 webpack 中使用 ts-loader)+所有其他 js 库。在我当前的 webpack 配置中,它实际上首先运行插件然后执行 ts-loader。

module.exports = {
  mode: 'production',
  entry: "./src/Main.ts",
  output: {
    filename: dest
  },
  resolve: {
    extensions: ['.ts', '.js' ]
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: ["ts-loader"]
      }
    ]
  },
  plugins: [
    new MergeIntoSingle({
      files: {
        "./build/game.bundle.js": json.javascript
      },
      transform: {
        './build/game.bundle.js': code => require("uglify-js").minify(code).code
      }
    }),
    new CopyPlugin([
      { from: './dist/game/assets', to: './build/assets' },
    ])
  ],
  performance: {
    hints: false
  }
};

标签: javascripttypescriptwebpackts-loader

解决方案


推荐阅读