相关疑难解决方法(0)

我正在使用 webpack 将 antd.less 文件导入全局 App.less 文件中。然后我覆盖一些全局样式和 webpack 捆绑所有内容：

// App.less
@import "~antd/dist/antd.less";
@import "./fonts.css";
@import "./reactSplitPane.css";      

@heading-color          : fade(#000, 100%);
@text-color             : fade(#000, 100%);
@text-color-secondary   : fade(#000, 100%);
@disabled-color         : fade(#000, 25%);

我的 webpack 2 配置如下所示：

    {
        test: /\.less$/,
        use: ExtractTextPlugin.extract({
            fallback: "style-loader",
            use: [
            { 
                loader: "css-loader", 
                options: { importLoaders: 1}
            },
            "less-loader"
            ]
        })
    },
    {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
            fallback: "style-loader",
            use: "css-loader"
        })
    }

例如，现在我想覆盖 Tabs 组件的一个实例的大小。最好的方法是什么？

覆盖选项卡栏底线颜色的示例：

.ipf-appbar {
    font-size: 24px; // this applies …