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

前言

项目中使用这个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/'
        ]
      }
    })
  ],
  ...
}

就这样搞定了~

更多用法请参考Github中的其他配置。