problem description
the css prefix generated by
postcss-loader autoprefixer packaging is incomplete, only-ms-.
related codes
/ / Please paste the code text below (do not replace the code with pictures)
/ / webpack.base.config.js
rules: [
{
test: /\.vue$/,
loader: "vue-loader",
options: {
loaders: {
less: ExtractTextPlugin.extract({
use: [ "css-loader?minimize", "postcss-loader", "less-loader" ],
fallback: "vue-style-loader"
}),
sass: ExtractTextPlugin.extract({
use: [ "css-loader?minimize", "postcss-loader", "sass-loader?indentedSyntax" ],
fallback: "vue-style-loader"
}),
scss: ExtractTextPlugin.extract({
use: [ "css-loader?minimize", "postcss-loader", "sass-loader" ],
fallback: "vue-style-loader"
}),
css: ExtractTextPlugin.extract({
use: [ "css-loader", "postcss-loader", "less-loader" ],
fallback: "vue-style-loader"
})
},
}
},
{
test: /iview\/.*?js$/,
loader: "babel-loader"
},
{
test: /\.js$/,
loader: "babel-loader",
exclude: /node_modules/
},
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
use: [ "css-loader?minimize", "postcss-loader" ],
fallback: "style-loader"
})
},
{
test: /\.less/,
use: ExtractTextPlugin.extract({
use: [ "postcss-loader", "less-loader" ],
fallback: "style-loader"
})
},
{
test: /\.(sass|scss)/,
use: ExtractTextPlugin.extract({
use: [ "postcss-loader", "sass-loader" ],
fallback: "style-loader"
})
},
{
test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
loader: "url-loader?limit=1024"
},
{
test: /\.(html|tpl)$/,
loader: "html-loader"
}
]
/ / postcss.config.js
let autoprefixer = require ("autoprefixer");
module.exports = {
plugins: [
autoprefixer({
browsers: [
"> 0.01%"
]
})
]
};
what result do you expect? What is the error message actually seen?
generate other prefix css codes