rules: [
? ?{
? ? ? ?test: /\.js$/,
? ? ? ?include: path.resolve(__dirname,'src'),
? ? ? ?exclude: path.resolve(__dirname,'node_modules'),
? ? ? ?loader: "babel-loader"
? ?},
? ?{
? ? ? ?test: /\.css$/,
? ? ? ?use: [
? ? ? ? ? ?'style-loader', {
? ? ? ? ? ? ? ?loader: 'css-loader',
? ? ? ? ? ? ? ?options: {
? ? ? ? ? ? ? ? ? ?// modules: true // 設(shè)置css模塊化,詳情參考https://github.com/css-modules/css-modules
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}, {
? ? ? ? ? ? ? ?loader: 'postcss-loader',
? ? ? ? ? ? ? ?// 在這里進(jìn)行配置，也可以在postcss.config.js中進(jìn)行配置，詳情參考https://github.com/postcss/postcss-loader
? ? ? ? ? ? ? ?options: {
? ? ? ? ? ? ? ? ? ?plugins: function() {
? ? ? ? ? ? ? ? ? ? ? ?return [
? ? ? ? ? ? ? ? ? ? ? ? ? ?require('precss'),
? ? ? ? ? ? ? ? ? ? ? ? ? ?require('autoprefixer')
? ? ? ? ? ? ? ? ? ? ? ?];
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?]
? ?}
? ?,{
? ? ? ?test: /\.less$/,
? ? ? ?use: [
? ? ? ? ? ?'style-loader', 'css-loader', {
? ? ? ? ? ? ? ?loader: "postcss-loader",
? ? ? ? ? ? ? ?options: {
? ? ? ? ? ? ? ? ? ?plugins: function() {
? ? ? ? ? ? ? ? ? ? ? ?return [
? ? ? ? ? ? ? ? ? ? ? ? ? ?require('autoprefixer')
? ? ? ? ? ? ? ? ? ? ? ?];
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}, 'less-loader'
? ? ? ?]
? ?}
]

{
? ?test: /\.css$/,
? ?use: [
? ? ? ?{loader: 'style-loader'},
? ? ? ?{loader: 'css-loader'},
? ? ? ?{
? ? ? ? ? ?loader: 'postcss-loader',
? ? ? ? ? ?options: {
? ? ? ? ? ? ? ?plugins: function () {
? ? ? ? ? ? ? ? ? ?return [
? ? ? ? ? ? ? ? ? ? ? ?require('precss'),
? ? ? ? ? ? ? ? ? ? ? ?require('autoprefixer')
? ? ? ? ? ? ? ? ? ?];
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?}
? ?]
}

WEBPCAK2 不支持 直接在后面帶參數(shù)吧

百度了說是不能直接定義自定義配置，在全局的plugins底下寫一個函數(shù)就可以了：

new webpack.LoaderOptionsPlugin({

? ? ? options: {

? ? ? ? postcss: function() {

? ? ? ? ? return [

? ? ? ? ? ? require('autoprefixer')({

? ? ? ? ? ? ? broswers: ['last 5 versions']

? ? ? ? ? ? })

? ? ? ? ? ]

? ? ? ? }

? ? ? }

? ? })

注意引入webpack