如何让webpack将依赖项导出为单独文件？

Question

我有一个webpack/React项目，它构建得很好，并在dist/file.min.js中创建了一个精简的捆绑文件。但是，我也希望我用yarn指定的依赖项(但从未在此代码中使用)的一个javascript文件也出现在输出dist文件夹中。

特别是，我使用了yarn来指定lz-string库是一个项目依赖项：

{"dependencies": {"lz-string": "^1.4.4"}}

并希望让webpack也将lz-string.min.js导出到dist文件夹。简而言之，如何获得以下输出？

/dist/
   file.min.js
   lz-string.min.js

如果在这段代码中的javascript中的任何地方都没有使用lz-string呢？(我只想使用webpack将我在yarn中指定的版本复制到相同的输出文件夹中)。

Answer 1

您可以使用CopyWebpackPlugin来完成此操作。

添加复制插件：yarn add copy-webpack-plugin --dev。然后通过添加以下行来修改您的webpack.config.js：

const CopyWebpackPlugin = require('copy-webpack-plugin');

config.plugins.push(new CopyWebpackPlugin([
    {from: 'node_modules/lz-string/lz-string.min.js', to: ''}
]))