vue-cli 通过js import引入样式无法自动加上浏览器前缀?
使用vue-cli搭建框架
正常安装所有依赖
引用样式有如下问题:
package.json browserslist 的配置如下
在vue页面style标签写样式可以正常加上浏览器前缀
通过在script import样式则无法正常加上浏览器前缀,build也是一样没有加上
奇怪的是在vue页面style标签@import样式就又可以正常加上前缀了
百思不得其解???
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
vue-loader会处理style标签并利用postcss-loader进行autoprefixer,但是如果你是额外在js里引入其它样式文件,则不会进过vue-loader,只会进过你相应配置的rule,而vue-cli默认生成的诸如sass文件的处理rule里面除了style-loader,css-loader和对应的sass-loader之外并不会进行postcss-loader处理,具体你可以看下webpack配置文件还有vue-loader的实现,它内部默认做了autoprefixer
你配置了 autoprefixer 没有
没有的话,谁来处理