webpack插件filemanager-webpack-plugin(管理打包后的文件路径)

最新推荐文章于 2026-06-15 11:51:36 发布

原创最新推荐文章于 2026-06-15 11:51:36 发布 · 1.6w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

webpack

当前文章被收录于：

webpack

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了在webpack项目中使用filemanager-webpack-plugin插件的背景和方法，该插件用于将打包后的HTML、JS和CSS文件输出到指定的后端文件夹，避免手动拷贝代码。通过安装和简单配置，可以实现自动化处理。

AI 驱动代码审查实战

Claude code-review 插件深度解析，把 AI 智能审查接进 CI/CD 流水线

一键订阅

前言

项目中使用这个webpack插件(filemanager-webpack-plugin)是基于这样一个业务场景：

传统CMS项目，路由不在前端，后端需要前端提供文件
前端需要将打包好的html、js和css文件输出到指定的后端文件夹路径（避免需后端拷贝代码）

filemanager-webpack-plugin

github: https://github.com/gregnb/filemanager-webpack-plugin

安装

npm install filemanager-webpack-plugin --save-dev

使用

webpack.prod.js:

const FileManagerPlugin = require('filemanager-webpack-plugin');

module.exports = {
  ...
  ...
  plugins: [
    new FileManagerPlugin({
      onEnd: {
        copy: [
          { source: './prod/', destination: '../BE/assets/' }
        ],
        delete: [
          './prod/'
        ]
      }
    })
  ],
  ...
}