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

发布于 2022-09-06 04:32:16 字数 1183 浏览 13 评论 0

  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

百思不得其解???

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

娇妻 2022-09-13 04:32:16

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

变身佩奇 2022-09-13 04:32:16

你配置了 autoprefixer 没有
没有的话,谁来处理

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文