vue -webkit-box-orient: vertical webpack打包后被过滤掉了 线上没有这行代码

Posted 2021-01-13 Cynthia娆墨旧染

 

（1）方法一：加上绿色注释，跳过webpack的css打包

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

 

（2）发放二：

1.找到配置文件/build/webpack.prod.conf.js文件，注释掉一下代码

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

2.在/build/utils.js文件里加上 minimize:true

const cssLoader = {
   loader: ‘css-loader‘,
   options: {
     sourceMap: options.sourceMap,
     minimize:true //加上这行
   }