Use antd, demand loading, style does not take effect problems.

{// ES6, JSX Processing 
                    Test: / (. \ JSX | \ .js) $ /, 
                    the exclude: / the node_modules /, 
                    Loader: 'Babel-Loader', 
                    Query: 
                        { 
                            Presets: [ "the env", "REACT"] , 
                            plugins: [ 
                                [ 
                                    "Import", 
                                    {libraryName: "antd", style: 'CSS'} 
                                ] // load demand antd 
                            ] 
                        }, 
                }, 

                {// process the CSS 
                    test:/\.css$/,
                    loader: "style-loader!css-loader?modules",
                    exclude: /node_modules/,
                },

                {//antd样式处理
                    test:/\.css$/,
                    exclude:/src/,
                    use:[
                        { loader: "style-loader",},
                        {
                            loader: "css-loader",
                            options:{
                                importLoaders:1
                            }
                        }
                    ]
                },

  

{//ES6JSX
test:/(\.jsx|\.js)$/,
exclude: /node_modules/,
loader:'babel-loader',
query:
{
presets:["env", "react"],
plugins: [
[
"import",
{libraryName: "antd", style: 'css'}
] //antd按需加
]
},
},

{//CSS
test: /\.css$/,
loader: "style-loader!css-loader?modules",
exclude: /node_modules/,
},

{//antd
test:/\.css$/,
exclude:/src/,
use:[
{ loader: "style-loader",},
{
loader: "css-loader",
options:{
importLoaders:1
}
}
]
},

Guess you like

Origin www.cnblogs.com/ivylv/p/11424733.html