初步学习 react 使用 antd 官方的配置好按需加载之后,发现 npm run start 和 npm run buidl 之后的 static/js/0.chunk.js 文件有 3.5+M,

使用的是官方 config-overrides.js:

const {override, fixBabelImports, addLessLoader} = require('customize-cra');

module.exports = {

webpack: override(

fixBabelImports('import', {

libraryName: 'antd',

libraryDirectory: 'es',

style: true,

}),

addLessLoader({

javascriptEnabled: true,

// modifyVars: {'@primary-color': '#1DA57A'},

}),

)

};

static/js/0.chunk.js 大多是:

"./node_modules/react-redux/es/components/Provider.js":

"./node_modules/react-router-dom/es/matchPath.js":

"./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js":

这些,这些在 demo 中是有用到的 但是打成 3.5+M 这么大我是不太理解。我是后段学习 react,关于 webpack 打包方面不太很深入的了解,请各位指导下。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐