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

【问题标题】：How to get webpack to export a dependency as separate file?如何让 webpack 将依赖项导出为单独的文件？
【发布时间】：2019-04-23 00:39:44
【问题描述】：

我有一个构建良好的 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

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

【问题讨论】：

标签： webpack

【解决方案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: ''}
]))

【讨论】：