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中的其他配置。

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

[vue] 怎么修改vue打包后生成文件路径？
[vue] 怎么修改vue打包后生成文件路径? webpack:output.path vue-cli3: outputDir 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
webpack打包后的文件夹是空的_深入理解 Webpack 打包分块（下）
前言随着前端代码需要处理的业务越来越繁重,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大.这造成无论是在调式还是在上线时都需要花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更 ...
webpack打包后引用cdn的js_利用CDN加速react webpack打包后的文件详解
此文不介绍webpack基本配置,如果对基本配置有疑问请查阅官方文档. 1.配置webpack.config.js 将output.publicPath改成上传到的cdn地址, 例(对应上面上传配置) ...
th:text为null报错_小猿圈web前端之vue-cli项目打包完成后运行文件路径报错问题
学习前端的小伙伴越来越多,问题也就越多,前面基础部分还好一些,特别是一到框架的时候,难住了一大部分人,今天小猿圈web前端讲师就为大家总结了vue-cli项目打包完成后运行文件路径报错问题,有兴趣的小 ...
解决vue打包后静态资源路径错误的问题
vue项目完成的最后一步就是打包部署上线,但是打包部署的过程往往不是那么一帆风顺的,现将遇到问题和解决方案记录如下. 图片路径问题起因: 页面中引入资源的方式往往有如下几种 * HTML标签中直接引 ...
vue3 项目修改打包后的引用路径，调整图片压缩成base64的门槛
vue3 项目修改打包后的引用路径,调整图片压缩成base64的门槛前言解决完事前言最近的项目中需要在程序中显示一个H5页面,所以按照官方VUE CLI的教程创建了一个项目开始整.整到最后打 ...
解决vue-cli 打包后静态资源路径不对的问题
解决vue-cli 打包后静态资源路径不对的问题参考文章: (1)解决vue-cli 打包后静态资源路径不对的问题 (2)https://www.cnblogs.com/sifo/p/1008399 ...
Unity3D打包后日志文件输出目录
Unity3D打包后日志文件输出目录,包括日志文件和崩溃时记录文件 C:\Users\Administrator\AppData\LocalLow\长沙迪迈科股份有限公司\镍矿探秘其中". ...
webpack打包后的文件
用了webpack打包工具,你是不是有时会疑惑,写了一个很简单的函数,结果生成那么多东西,而且还没有问题?下面,我从三种情况来分析打包后的入口文件,帮助自己理解webpack打包,也为平时定位产出目录 ...

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

前言

filemanager-webpack-plugin

安装

使用

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

最新文章

热门文章