# react多页面

**Repository Path**: bzsometest/react-multi-page

## Basic Information

- **Project Name**: react多页面
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-11-30
- **Last Updated**: 2024-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 无法处理css

```sql
CssSyntaxError

(1:1) Unknown word
```

webpack.config.dev.js 设置了include，导致无法处理其它目录的css

### 无法找到jquery模块

- 直接通过外部script的方式引入
- 通过配置CopyPlugin(待测试)

### flowDesigner的lib找不到

处理packageEdit时存在此问题

将flowDesigner的版本固定为1.1.55即可

### 静态文件不做处理

默认将static目录的文件原原本本输出，所以当页面要使用绝对路径时，图片就需要放在static目录。如果用了相对路径，图片仍然放在static，static目录的图片被打包出来也没有多大意义，删了也不会影响图片展示。所以一般assets目录存相对路径用的图片，static存绝对路径用的图片。相对目录的图片在出包后由于被打包进js，不方便更换图片，而绝对路径的图片没有被打包进js而是在static文件夹下，所以可以随时更换。就是网上所说的，static放有可能经常被更换的图片（商品图片之类），assets放组件使用的图片（如一些menu的背景图片等）。其实主要区别在于是以原来的文件目录输出，还是打包进js里面。需要以原文件格式输出的目录可以在webpack中配置，不一定都输出在static目录，具体怎么配置目前还没搞清楚。

### 并且提示错误 Failed to decode downloaded font:

问题在于webpack的loader中。检查了一下发现有两个相同的file-loader的配置，删除其中一个即可。

### iconfont2.css 无法正常加载iconfont2.eot和iconfont2.ttf

决策集的访问页面路径为，/editor/ruleset.html，css中写法为当前目录，导致iconfont2.eot和iconfont2.ttf加载路径错误

### style-loader this.getOptions is not a function

```
    "file-loader": "^4.0.0",
    "url-loader": "^4.1.1",
```

### 同时打包多个html页面，其展示空白页面

关闭webpack参数配置：optimization，splitChunks，chunks