webpack autoprefixer Last browserslistrc

Question

würde ich verwenden .browserslistrc Datei wie für meinen Browser mit webpack (CSS-loader Konflikt mit -webkit-Flexbox Präfix erstellen Config laden.

So habe ich meine .browserslistrc Datei und Test erstellen mit meinem package.json, aber meine Config ist nicht Last:

# Browsers that we support 

Last 10 versions 

Mein package.json:

"devDependencies": { 
    "autoprefixer": "^6.4.1", 
    "babel-core": "^6.14.0", 
    "babel-loader": "^6.2.5", 
    "babel-preset-es2015": "^6.14.0", 
    "babel-preset-stage-2": "^6.13.0", 
    "browser-sync": "^2.14.3", 
    "css-loader": "^0.24.0", 
    "css-mqpacker": "^5.0.1", 
    "eslint": "^3.18.0", 
    "eslint-loader": "^1.6.3", 
    "exports-loader": "^0.6.3", 
    "extract-text-webpack-plugin": "^2.1.0", 
    "node-sass": "^3.8.0", 
    "postcss-loader": "^0.11.1", 
    "progress-bar-webpack-plugin": "^1.9.0", 
    "sass-loader": "^4.0.1", 
    "script-loader": "^0.7.0", 
    "style-loader": "^0.13.1", 
    "webpack": "^2.0.0", 
    "webpack-notifier": "^1.5.0" 
}, 

Wer bereits hinzufügen haben .browserslistrc Datei auf der Webpack-Konfiguration?

Answer 1

Ich wechselte zu "autoprefixer": "^7.1.1" in meinem package.json und verwendet, um die Inline-require Form in meinem Webpack config (1.x):

... 

postcss() { 
    return [ 
    require('autoprefixer'), 
    ]; 
}, 

die .browserslistrc korrekt aufgenommen wurde.

Bevor auf Version 6.x, ich musste es manuell an in meiner webpack Konfigurationsdatei für autoprefixer wurde die Datei nicht korrekt aufgenommen:

autoprefixer({ 
    browsers: [ 
    '>1%', 
    'last 4 versions', 
    'Firefox ESR', 
    'not ie < 9', // React doesn't support IE8 anyway 
    ] 
}), 

Ich denke, auch die browsers Option in package.json hätte gearbeitet, aber Das habe ich nie getestet.