的WebPack autoprefixer负载browserslistrc

Question

我想使用.browserslistrc文件加载我的浏览器使用的WebPack（CSS-装载机创建-webkit-Flexbox的前缀冲突配置。

所以，我创造我.browserslistrc文件，并测试与我package.json，但我的配置是不是负载：

# Browsers that we support 

Last 10 versions 

我的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" 
}, 

任何已添加浏览webpack config .browserslistrc文件？

Answer 1

我在package.json切换到"autoprefixer": "^7.1.1"和所使用的直列require形式在我的WebPack配置（1.x中）：

... 

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

的.browserslistrc正确挑选。

之前，在6.x版本，我必须在我的WebPack配置文件手工指定它为autoprefixer，该文件没有被正确选择的是：

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

我觉得也package.json的browsers选项会工作，但我从来没有测试过。