VUE -webkit-box-orient: vertical打包放到线上不显示
先说明问题是什么,出现的状况是-webkit-box-orient: vertical这个属性在本地运行是存在的,但是打包后放到线上这个属性消失了;问题出现原因:打包时这个属性和注释混在了一起(个人猜测)解决办法:下面每种都可解决,根据个人需求随意挑选1.直接在行内加 -webkit-box-orient: vertical(虽然管用但是我的项目需要添加的这个太多了,所以我选择...
·
先说明问题是什么,出现的状况是
-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
更多推荐
已为社区贡献8条内容
所有评论(0)