vue项目打包后文本溢出显示省略号代码消失问题

Posted 会飞の小蜜蜂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目打包后文本溢出显示省略号代码消失问题相关的知识,希望对你有一定的参考价值。

​optimize-css-assets-webpack-plugin​​这个插件的问题

注释掉​​webpack.prod.conf.js​​中下面的代码

//  new OptimizeCSSPlugin(
//    cssProcessorOptions: config.build.productionSourceMap
//      ?  safe: true, map:  inline: false  
//      :  safe: true 
//  ),

这段代码实现了css的压缩注释掉的css就没有压缩了,所以 还要在utils.js中添加 minimize:true 

const postcssLoader = 
    loader: postcss-loader,
    options: 
      sourceMap: options.sourceMap,
      minimize:true
    
  

 

前端菜鸟一枚,习惯记录平时遇到的一些问题和学习笔记,觉得有用的可以点个支持!

以上是关于vue项目打包后文本溢出显示省略号代码消失问题的主要内容,如果未能解决你的问题,请参考以下文章

CSS多行溢出隐藏,webpack打包删除代码 -webkit-box-orient: vertical;

基于clamp.js封装vue指令,处理多行文本的溢出

基于clamp.js封装vue指令,处理多行文本的溢出

Vue3中文本只显示三行,超过部分在文字后显示省略号和展开按键

多行文本溢出如何显示省略号

CSS和JS实现文本溢出显示省略号