如何解决在单独的文件中生成CSS浏览器前缀
我正在尝试在Webpack中生成两个单独的CSS表单:style.css和仅带前缀的style-prefixes.css。目前,它会生成一个包含所有样式和前缀的文件。我在webpack中的加载程序:
scss = {
test: /\.scss$/,use: [
{
loader: MiniCssExtractPlugin.loader,options: {
publicPath: '../'
}
},{ loader: "css-loader",options: {} },{
loader: "postcss-loader",options: {
ident: 'postcss',sourceMap: true,plugins: [
require('autoprefixer')({
'browsers': ['> 1%','last 2 versions']
}),require('cssnano')({
zindex: false
})
]
}
},{ loader: "sass-loader",options: {} }
]
我将不胜感激。
解决方法
您将需要创建一个Webpack插件,该插件监听emit
钩子,并在CSS资源上运行,以生成单独的带前缀的CSS。
您可以从此RTLCSS plugin中汲取灵感,它生成CSS资产的“ RTL”版本。
您将需要创建一个提取供应商前缀的postcss
插件(将代替rtlcss
plugin应用)。
为了
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。