vue项目页面在ios8点几系统上打开,因为使用了transform没有添加-webkit-前缀导致样式出错
原因是打包时没有自动在css添加前缀
解决:
module: {
rules: [
{
test: /\.scss$/,
use: [
{ loader: 'style-loader' },
{
loader: 'css-loader', options: {
sourceMap: true, modules: true,
localIdentName: '[local]_[hash:base64:5]'
}
},
{
loader: 'postcss-loader',
options: {
sourceMap: true,
config: {
path: 'postcss.config.js' // 这个得在项目根目录创建此文件
}
}
},
{
loader: 'sass-loader', options: { sourceMap: true }
}
]
},
]
}
postcss.config.js
module.exports = {
plugins: [
require('autoprefixer')
]
};