的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選項會工作，但我從來沒有測試過。