先说明问题是什么,出现的状况是 

-webkit-box-orient: vertical 这个属性在本地运行是存在的,但是打包后放到线上这个属性消失了;

问题出现原因:打包时这个属性和注释混在了一起(个人猜测)

解决办法:下面每种都可解决,根据个人需求随意挑选

1.直接在行内加 -webkit-box-orient: vertical(虽然管用但是我的项目需要添加的这个太多了,所以我选择了第二种)

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

3.把这句代码前后都加注释,如下


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

4.找到webpack.prod.conf.js,并将如下代码注释

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

 

打个广告:淘宝天猫内部优惠群,加我微信拉你进群18801014156

Logo

前往低代码交流专区

更多推荐