[英]Webpack: Why 'style-loader!css-loader!postcss-loader' doesn't process imported files?
I have page.css that @imports index.css. 我有page.css @imports index.css。
Both of page.css and index.css has display: flex
. page.css和index.css都
display: flex
。
Webpack.config.js contains: Webpack.config.js包含:
module: {
loaders: [
{ test: /\.css$/, loader: "style-loader!css-loader!postcss-loader" }
]
},
postcss: function () {
return [ autoprefixer({ browsers: ['last 5 versions'] }) ];
}
After building I got prefixes in rules from page.css but rules from index.css left without prefixes. 构建后,我从page.css中获得规则的前缀,但从index.css中获得的规则没有前缀。 What am I doing wrong?
我究竟做错了什么?
Use postcss-import plugin to transform @import rules by inlining content. 使用postcss-import插件通过内联内容来转换@import规则。
module: {
loaders: [
{ test: /\.css$/, loader: "style-loader!css-loader!postcss-loader" }
]
},
postcss: function () {
return [
require('postcss-import')(),
autoprefixer({ browsers: ['last 5 versions'] })
];
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.