使用antd ,按需加载, 样式不生效问题。

{//ES6、JSX处理
                    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
                            }
                        }
                    ]
                },

  

{//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
}
}
]
},

猜你喜欢

转载自www.cnblogs.com/ivylv/p/11424733.html