postcss-loader配置好了,运行之后也没有报错,可是在浏览器中查看并没有加上前缀,好疑惑??麻烦老师、大神帮忙看下,谢谢!!
以下是代码:
var htmlWebpackPlugin=require("html-webpack-plugin");
var path=require('path');
var webpack = require('webpack');
module.exports={
entry:"./src/app.js",
output:{
path:"/webpack_demo/dist",
filename:"js/[name].js",
},
module:{
rules:[
{
test:/\.js$/,
loader:'babel-loader',
exclude:path.resolve(__dirname,'node_modules'),
include:path.resolve(__dirname,'src/'),
query:{
presets:['latest']
}
},
{
test:/.\css$/,
loader:'style-loader!css-loader?importLoaders=1!postcss-loader'
}
]
},
plugins:[
new htmlWebpackPlugin({
template:"index.html",
filename:"index.html",
inject:"body"
}),
new webpack.LoaderOptionsPlugin({
options: {
postcss: function() {
return [
require('autoprefixer')({
broswers: ['last 5 versions']
})
]
}
}
})
]
}
module.exports = {plugins: [require('autoprefixer')({// browsers: ["last 5 versions"]overrideBrowserslist: ["last 5 versions"]})]}
同问,我也碰到这个问题了
{
test:/\.less$/,
loaders:['style-loader','css-loader',{
loader: 'postcss-loader',
options: {
plugins: [
require('autoprefixer')({
browsers: ["last 5 versions"]
})
]
}
},'less-loader']
}
我是使用这种方式能够实现(flex在common.css里边的时候管用)
但是在使用@import引入别的css的时候importLoaders=1和后变的postcss-loader出现了问题。
老师上课用的webpack才1.x,先在使用的都快3.x了,所以有版本的问题。