vue-cli打包后CSS样式：-webkit-box-orie

作者: 不愿透露姓名的董师傅 | 来源:发表于2018-09-26 15:19 被阅读0次

vue-cli打包后CSS样式：-webkit-box-orie
十三、webpack 拆分css
第八节:Webpack样式优化和JS转化与检查
第八节:Webpack样式优化和JS转化与检查
前端优化的方案
plugin知的少
dumi组件中引入less文件编译后无效，如何解决？
5.Loader打包css文件增加前缀
webpack常用loader
vue-cli2打包上传七牛云脚本配置

项目中处理多行文文本超出省略点的时候，使用了-webkit-box-orient: vertical这个属性，本地开发时没有问题，但是执行npm run build后发现，对应的样式丢失了。
搜索后发现是optimize-css-assets-webpack-plugin 插件造成的。
解决方法很简单：在该样式的上下写上注释，注意上面的叹号不能丢，实测不带叹号依旧会被过滤掉。

.m-lines{
    display: -webkit-box;
    -webkit-line-clamp: $line;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;  
    /* autoprefixer: on */
    text-overflow: ellipsis;
    overflow: hidden;
}

vue-cli打包后CSS样式：-webkit-box-orie
项目中处理多行文文本超出省略点的时候，使用了-webkit-box-orient: vertical这个属性，本地...
十三、webpack 拆分css
在上一节webpack打包stylus文件中可以看到打包后的css文件是以行内样式style的标签写进打包后的ht...
第八节:Webpack样式优化和JS转化与检查
1. 对于CSS样式的优化 1.1 提取CSS样式 1.1.1 提取样式文件说明之前的打包是利用css-loa...
第八节:Webpack样式优化和JS转化与检查
1. 对于CSS样式的优化 1.1 提取CSS样式 1.1.1 提取样式文件说明之前的打包是利用css-load...
前端优化的方案
一.css优化 1.打包css文件2.易维护：少用ID， !important，多用class3.样式用外部样式，...
plugin知的少
extract-text-webpack-plugin:抽离css样式,防止将样式打包在js中引起页面样式加载错乱...
dumi组件中引入less文件编译后无效，如何解决？
引入后运行时正常，打包后样式丢失因为father默认不编译css，需要额外配置在.fatherrc.ts文件中添...
5.Loader打包css文件增加前缀
打包css文件 /sass / less以及自动添加css样式厂商前缀 1.npm install style-...
webpack常用loader
postcss -loader 打包css样式，自动添加前缀直接在匹配css文件下，添加使用这个loader就可...
vue-cli2打包上传七牛云脚本配置
打包脚本 vue-cli配置修改html内资源引用地址修改css内的资源引用总结配置并没有更改之前的打包生...