zoukankan      html  css  js  c++  java
  • [ -webkit-box-orient: vertical ] 打包后丢失问题

    解决方案:

    1.给丢失样式前后加上:

    /*! autoprefixer: off*/
            -webkit-box-orient:vertical;
     /* autoprefixer: on */
    

    2. 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 cssLoader = {
       loader: 'css-loader',
       options: {
         sourceMap: options.sourceMap,
         minimize:true
       }
     }
    

    3. 在 webpack.config.js 文件中,找到 new webpack.optimize.UglifyJsPlugin,在里面添加一条 mangle:false,这个的意思是删除注释。这样打包时就注释和这行代码就不会连在一起了

    即可解决问题

  • 相关阅读:
    服务器ECS安装nodejs和mongodb
    bxSlider轮播图
    ckplayer播放器
    使用bootstrap和fontawesome
    java的极速验证
    安装python
    redis安装
    正则表达式
    部署django项目的环境以及mondoDB数据的导入
    反向代理和正向代理
  • 原文地址:https://www.cnblogs.com/fuzhengyi/p/13741080.html
Copyright © 2011-2022 走看看