@import 引入的需要加前缀的样式没有加特定浏览器前缀

来源：3-4 使用 Loader 打包静态资源（样式篇 - 下）

AlmostSire

2020-06-24

我再css-loader的options中配置了importLoader:2，我发现当我在scss文件中用@import引入另一个scss文件，并且内部有样式需要添加浏览器前缀，最终打包出来没有加上，但是如果直接在主scss文件写需要加前缀的样式是没问题的，请问老师我改如何解决？
效果图
图片描述

写回答

2回答

汪沐笙

2020-07-22

在package.json中配置browserelist，并且需要下载postcss-import插件，并将此插件配到postcss.config.js文件中，注意，需要在引入autoprefixer前引入，否则将不起作用。

Dell

2020-06-25

你要配置下browserlistrc.js这个文件，查一下这个文件的原理。之所以没有前缀，是webpack认为新版本的浏览器运行你的代码，不需要加前缀。你通过配置告诉webpack，你需要兼容更老的版本，它就会给你加前缀了。

Dell

http://coding.imooc.com/learn/questiondetail/198826.html

2020-07-25

共1条回复

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3627 学习 · 1291 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 1