如何查看实际用于我的应用程序包的包列表？

Question

我在 treeshaking 中遇到了问题。似乎它对我的项目不太有效。有没有办法查看我的 webpacked 文件中实际使用的依赖项列表？

Webpack 配置：

entry: sourceEntryFile,
  mode: 'production', // for webpack 4
  target: 'node',
  output: {
    filename: '[name].js',
    path: outputPathFolder,
    libraryTarget: 'commonjs',
  },
  resolve: {
    extensions: ['.js', '.json'],
    modules: ['node_modules']
  },
  node: {
    __dirname: false,
  },
  externals: {
    'aws-sdk': 'aws-sdk'
  },
  plugins: (() => {
    const plugins = [
      new webpack.DefinePlugin({
        'global.GENTLY': false
      })
    ];
    // plugins.push(new WebpackBundleAnalyzer.BundleAnalyzerPlugin());
    return plugins;
  })()

Answer 1

npm ls 似乎是最接近的。结果显示当前项目中正在使用哪些模块。

如何查看实际用于我的应用程序包的包列表？

How can I see a list of packages actually used for my application bundle?

node.js

webpack

tree-shaking