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: ''}
]))

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

1 个答案: