使用Webpack和ts-loader的慢速建筑打字稿项目

如何解决使用Webpack和ts-loader的慢速建筑打字稿项目

使用webpack和ts-loader构建我的打字稿项目时，我遇到了一些奇怪的情况。

命令行：webpack --progress

module.exports = { devtool: 'eval',entry: './src/app.ts',output: { filename: 'main.js',path: path.resolve(__dirname,'dist') },module: { rules: [ { test: /\.tsx?$/,loader: 'ts-loader' } ] },resolve: { extensions: [ '.ts','.tsx','.js' ] } };

一些进度和消息挂在控制台中

资产优化ts-loader后93％的密封

很久以后：

99% done plugins webpack-cli[webpack-cli] Compilation finished
asset main.js 4.18 MiB [emitted] [minimized] [big] (name: main)
./src/app.ts 4.02 MiB [built] [code generated]
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  main.js (4.18 MiB)
WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  main (4.18 MiB)
      main.js
WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
webpack 5.4.0 compiled with 3 warnings in 1218503 ms

有人知道什么是错的吗？我该如何调试问题？