Reactjs 如何减少antdesign.less文件的包大小?
我已将antd.less文件添加到我的react项目中,如下所示:Reactjs 如何减少antdesign.less文件的包大小?,reactjs,webpack,antd,Reactjs,Webpack,Antd,我已将antd.less文件添加到我的react项目中,如下所示: import React from 'react'; import ReactDOM from 'react-dom'; import 'regenerator-runtime/runtime.js'; import App from './App'; import 'antd/dist/antd.less'; ReactDOM.render(<App />, document.getElementById('r
import React from 'react';
import ReactDOM from 'react-dom';
import 'regenerator-runtime/runtime.js';
import App from './App';
import 'antd/dist/antd.less';
ReactDOM.render(<App />, document.getElementById('root'));
module.hot.accept();
{
test: /\.less$/,
use: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: {
sourceMap: true,
},
},
{
loader: 'less-loader',
options: {
javascriptEnabled: true,
modifyVars: {
'primary-color': colors.brandBlue,
'input-border-color': '#D9D9D9',
'input-placeholder-color': colors.gray6,
'input-height-base': '40px',
'border-radius-base': '2px',
'btn-height-base': '40px',
'text-color': colors.gray8,
'btn-primary-bg': colors.brandOrange,
'btn-primary-color': colors.white,
'btn-primary-border': colors.brandOrange,
},
},
},
],
},
我不确定AntD版本4文档的情况,因为当前的“与创建反应应用程序一起使用”页面不再显示如何以模块化方式加载CSS 如果您备份到,您将通过模块获得有关如何加载处理较少的文件的说明,但仅限于您实际使用的组件 我们在使用这个设置时,不会出现ANTDV4的问题
作为一个附带说明(因为您关心捆绑包的大小),您还可以用dayjs替换相当大的moment捆绑包:我不确定AntD版本4文档的情况,因为当前的“与创建反应应用程序一起使用”页面不再向您展示如何以模块化方式加载CSS 如果您备份到,您将通过模块获得有关如何加载处理较少的文件的说明,但仅限于您实际使用的组件 我们在使用这个设置时,不会出现ANTDV4的问题
作为补充说明(因为您担心捆绑包的大小),您也可以用dayjs替换相当大的moment捆绑包:我认为您可以使用purgecss来消除未使用的捆绑包。您知道如何设置它吗?文档引用了SRC文件夹中的文件,但我正在从我的节点导入它。添加插件的方法在这里。我想你可以使用purgecss删除未使用的插件。你知道我如何设置它吗?文档引用了SRC文件夹中的文件,但我正在从我的节点导入它。添加插件的步骤在这里