打包上线后IE9样式不显示问题

React + And Design系统需要兼容IE9，引入babel-polyfill后，开发环境正常，生产环境上IE9样式缺失。

IE9上，原本写好的样式大多数都不见了，发现IE7、IE8、IE9对CSS大小有限制，其中IE9限制在250KB，正好系统中的打包完的CSS大小为790KB

// 引入css-split-webpack-plugin后将css文件进行切割，解决以上问题
var CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
...
new CSSSplitWebpackPlugin({size: 4000, // size: default: 4000 The maximum number of CSS rules allowed in a single file. To make things work with IE this value should be somewhere around 4000.filename: 'static/css/[name]-[part].[ext]'})

打包上线后IE9样式不显示问题相关推荐

vue 打包上线后字体图标不显示
在build/utils.js下找到 if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'v ...
vue 项目打包上线后 js css 文件找不到
在vue项目完成后打包上线,放到服务器上发现js和css引入不到,页面加载不出来. 在使用vue-cli3以上版本构建的应用时,跟以下方式api有些区别: 如何区分是哪个版本? 可查看项目中是否有co ...
vue项目打包部署后css样式失效
项目部署后,样式失效,很奇怪,审查元素发现没有样式,不过却加载了css文件,问题出在哪里呢? 发现不是路径问题,而是加载的不对,content-type:text-plain,而不是content-t ...
Vue背景图片打包上线后出错问题解决
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...
小程序上线后部分图片不显示的问题
重要原因之一:只有图片格式为小写的png或者jpg才可以显示,PNG或者JPG都不显示此处小程序项目中header1.JPG将在上线的版本中出错,不显示该图片
vue工程打包上线样式错乱问题 - bug解决（4种）
vue工程打包上线样式错乱问题 - bug总结(4种) 项目开发完成后,执行npm run build,进行打包,将打包完成的dist文件部署在服务器.配置好域名解析,就可以实现工程上线. 上线后,有 ...
ue4 Niagara粒子打包安卓后不显示
提问:ue4 Niagara粒子打包安卓后不显示今天用ue4中的Niagara粒子做了一个烟花的效果,但是打包到安卓手机后只能看到升上天空的粒子,看不到爆炸效果. 解答: 在打包 UE4 Niagar ...
idea的maven项目，打包后,项目目录没有显示target
idea的maven项目,打包后,项目目录没有显示target 点击左边工程的设置,弹出图片的框,勾上 show Exculded Files,就可以看到target 目录了.(针对IDEA2019 ...
vue2路由手动创建二级路由路由传参路由守卫打包上线
路由手动配置: #在@vue/cli创建的项目中,路由用法如下. 1.安装路由npm install vue-router@32:定义路由所需的组件(.vue文件)要实现页面about 和home两个 ...

打包上线后IE9样式不显示问题

打包上线后IE9样式不显示问题相关推荐

最新文章

热门文章