场景：
- react项目中有一部分静态文件是通过间接引用的方式使用 (请求后端返回url地址，然后动态加载)，在前端是没有任何引用的 ，但是这部分资源又是存放在前端的。
- webpack打包是不会处理没有被使用的文件
- 导致测试环境部署找不到这些静态资源，因为webpack没有打包进去，这部分文件丢失了。
import 引入这部分资源，只是引入而不使用，这样就会被webpack打包import index_mag from 'images/index_mag_logo.png';
import mag from 'images/management_logo.png';
import logo from 'images/logo.png';
在react中看起来如图
- 网上找了半天没有结果，自己测试出来的方法，如果有更好的方式，请分享一下
- 自己是后端开发的，对前端不太熟悉，所以就记录一下
场景：react项目中有一部分静态文件是通过间接引用的方式使用 (请求后端返回url地址，然后动态加载)，在前端是...
为现代JavaScript应用提供静态模块打包 Webpack 功能 打包：将不同类型资源按模块处理进行打包 静态...
webpack webpack是一种前端资源构建工具，一个静态模块打包器，在webpack看来，前端所有资源文件都...
使用webpack打包, 发现图片没有打包, 路径找不到, 该成使用require静态资源, 打包时候会自动打入,...
什么是Webpack？ 按照官方文档的解释，Webpack就是个模块打包工具，将模块及其依赖打包生成静态资源。在W...
一、Webpack 简介 1.1 webpack 是什么 webpack 是一种前端资源构建工具，一个静态模块打包...
前端资源加载/打包工具，根据依赖关系进行静态分析，并依据规则生成对应的静态资源。 安装 安装Webpack前,本地...
处理静态资源 js的打包基本处理完了，还有图片、音频等静态资源需要处理。 依然先装依赖： 增加webpack配置：...
webpack是什么？ webpack将静态资源称之为模块。webpack是一个模块打包工具，可以兼容多种js书写...
什么是 webpack，有什么用？ webpack 就是一个打包工具，宗旨是一切静态资源皆可打包，分析项目结构，找...
本文标题：webpack 打包未引用的静态资源
本文链接：https://www.haomeiwen.com/subject/xzjysftx.html
网友评论