Fix browserslist for autoprefixer

This commit is contained in:
Dmitry Lyzo 2020-05-08 13:50:04 +03:00
parent 41ba09a316
commit 345ccaf16e
3 changed files with 13 additions and 5 deletions

View file

@ -5,8 +5,10 @@ const cssnano = require('cssnano');
const config = () => ({ const config = () => ({
plugins: [ plugins: [
// Explicitly specify browserslist to override ones from node_modules
// For example, Swiper has it in its package.json
postcssPresetEnv({browsers: packageConfig.browserslist}), postcssPresetEnv({browsers: packageConfig.browserslist}),
autoprefixer(), autoprefixer({overrideBrowserslist: packageConfig.browserslist}),
cssnano() cssnano()
] ]
}); });

View file

@ -2,7 +2,6 @@ const path = require('path');
const common = require('./webpack.common'); const common = require('./webpack.common');
const merge = require('webpack-merge'); const merge = require('webpack-merge');
const packageConfig = require('./package.json'); const packageConfig = require('./package.json');
const postcssConfig = require('./postcss.config.js');
module.exports = merge(common, { module.exports = merge(common, {
mode: 'development', mode: 'development',
@ -31,7 +30,11 @@ module.exports = merge(common, {
'css-loader', 'css-loader',
{ {
loader: 'postcss-loader', loader: 'postcss-loader',
options: postcssConfig() options: {
config: {
path: __dirname
}
}
} }
] ]
}, },

View file

@ -1,7 +1,6 @@
const common = require('./webpack.common'); const common = require('./webpack.common');
const merge = require('webpack-merge'); const merge = require('webpack-merge');
const packageConfig = require('./package.json'); const packageConfig = require('./package.json');
const postcssConfig = require('./postcss.config.js');
module.exports = merge(common, { module.exports = merge(common, {
mode: 'production', mode: 'production',
@ -24,7 +23,11 @@ module.exports = merge(common, {
'css-loader', 'css-loader',
{ {
loader: 'postcss-loader', loader: 'postcss-loader',
options: postcssConfig() options: {
config: {
path: __dirname
}
}
} }
] ]
}, },