最近遇到一个问题，vue-cli和iview做的一个项目，在谷歌、火狐和ie10以上正常显示，但是在win7系统的ie9上页面样式乱掉，找了很久发现打包的app.css没加载进来。
原来ie9对单个的css文件有大小限制，不能超过250kb，超过的话会自动截取掉。这样的话截取的样式就出现问题，ie9页面样式加载不了。
解决办法：
npm install --save-dev css-split-webpack-plugin
在webpack.prod.conf.js里
const CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
...
plugins: [
...
new CSSSplitWebpackPlugin({
size: 4000,
filename: 'static/css/[name]-[part].[ext]'
}),
]
这样就可以将打包的css分割成两个
image.png
这样就完美解决问题。。。
最近遇到一个问题，vue-cli和iview做的一个项目，在谷歌、火狐和ie10以上正常显示，但是在win7系统的...
项目打包后在ie9上打开时css样式出现问题，上网查了一番发现时ie9对单个css大小又限制，最大250kb,超过...
上文我们写了一个打包器，但是只能加载 JS 文件，现在我们尝试让他可以加载 CSS 如何加载 CSS 思路 我们的...
主题 - css加载器 & 自动打包+浏览器自动刷新 & 优雅降级 css加载器 在webpack模块化开发中默认...
打包脚本 vue-cli配置 修改html内资源引用地址 修改css内的资源引用 总结 配置并没有更改之前的打包生...
项目需要解决兼容ie9 首先看下项目在ie9下显示的报错内容 先不管css报错问题，我们知道即使css报错，页面应...
Eclipse中写jsp文件时，发现里面加载不了js文件和css文件（解决css文件在eclipse中显示不了） ...
加载性能： 1 css压缩：将写好的css进行打包压缩，可以减少很多的体积； 2 css单一样式：当需要下边距和左...
一. 按需加载 为什么要按需加载？1.在使用antd的组件时会自动加载css2.大大减少打包后的文件体积 按照官网...
HTML css 参考链接：css3 美化 radio 按钮（兼容 IE9）[https://codepen.io...
本文标题：ie9上vue-cli打包的css加载不了
本文链接：https://www.haomeiwen.com/subject/tqhgbftx.html
网友评论