ant design樣式不生效，在使用了css modules

仍是在create-react-app的狀況下配置的webpack

{

test: /\.css$/,

use: [

require.resolve("style-loader"),

{

loader: require.resolve("css-loader"),

options: {

importLoaders: 1

}

},

{

loader: require.resolve("postcss-loader"),

options: {

// Necessary for external CSS imports to work

// https://github.com/facebookincubator/create-react-app/issues/2677

ident: "postcss",

plugins: () => [

require("postcss-flexbugs-fixes"),

autoprefixer({

browsers: [

">1%",

"last 4 versions",

"Firefox ESR",

"not ie < 9" // React doesn't support IE8 anyway

],

flexbox: "no-2009"

})

]

}

}

]

},

{

test: /\.css$/,

exclude: path.resolve(__dirname, "./node_modules"),

use: [

require.resolve("style-loader"),

{

loader: require.resolve("css-loader"),

options: {

importLoaders: 1,

modules: true,

localIdentName: "[path][name]__[local]--[hash:base64:5]",

getLocalIndet: (

context,

localIdentName,

localName,

options

) => {

return "whatever_random_class_name";

}

}

},

{

loader: require.resolve("postcss-loader"),

options: {

// Necessary for external CSS imports to work

// https://github.com/facebookincubator/create-react-app/issues/2677

ident: "postcss",

plugins: () => [

require("postcss-flexbugs-fixes"),

autoprefixer({

browsers: [

">1%",

"last 4 versions",

"Firefox ESR",

"not ie < 9" // React doesn't support IE8 anyway

],

flexbox: "no-2009"

})

]

}

}

]

}

 

順序不能顛倒