时间戳

首页 > 解决方案 > 使 webpack 将文件从 src 移动到 dest 而不处理它

javascript - 使 webpack 将文件从 src 移动到 dest 而不处理它

问题描述

我有一些使用 JSF 运行的站点和一些使用 webpack 处理的 vanilla ES6（运行 4.6）。

问题是，当 webpack 将文件移动到我的 dest 文件夹时，webpack 在我的 jsf.js 文件中添加了一些内容，并且不适用于 JSF 的运行方式。

设置： src 文件夹中有 jsf.js 和 vanilla ES6 文件。然后我使用 webpack 处理包和 jsf.js 文件并将其移动到 dest 文件夹。

JSF.js 文件已经在 src 文件夹中最小化，不能被 uglify，所以我在 uglify 上添加了排除：

 optimization: {
    minimizer: [
      new UglifyJsPlugin({
        exclude: /(jsf.js)/,
      })
    ]
  }

jsf.js 也有自己的条目顺便说一句。

所以我的问题是，如何让 webpack只移动 jsf.js 而什么都不添加？一定有某种我在这里遗漏的排除。除了 uglify，我没有使用任何插件。

标签： javascriptjsfwebpack

解决方案

如果您只想将 jsf.js 复制到 dist 目录。您应该尝试copy-webpack-plugin，而不是给它自己的条目。

通过 npm 安装它：

npm i -D copy-webpack-plugin

在 webpack.config.js 中需要它

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

添加到插件的数组

[
  new CopyWebpackPlugin([
    { from: 'path/to/jsf.js', to: 'dist/' }
  ])
]

推荐阅读