vue-cli 通过js import引入样式无法自动加上浏览器前缀?

  1. 使用vue-cli搭建框架

  2. 正常安装所有依赖

引用样式有如下问题:
package.json browserslist 的配置如下
clipboard.png

在vue页面style标签写样式可以正常加上浏览器前缀
clipboard.png
clipboard.png

通过在script import样式则无法正常加上浏览器前缀,build也是一样没有加上
clipboard.png
clipboard.png

奇怪的是在vue页面style标签@import样式就又可以正常加上前缀了
clipboard.png

百思不得其解???

阅读 4.1k
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 没有
没有的话,谁来处理

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题