create-react-app打包优化

打包

通过npm run build进行打包

关闭soure-map

步骤一：项目打包时，默认开启了soure-map，因此打包后的项目体积变大

在config/webpack.config.js文件中修改shouldUseSourceMap的配置，置为false

注：如果没找到config/webpack.config.js文件，可以先在终端运行npn run eject

步骤二：将开发环境改为生产环境，让打包后的文件不包含.map文件

在config/webpack.config.js文件中修改devtool的配置，置为false

使用CDN引入第三方资源

引入步骤

1.在config/webpack.config.js文件中与plugins同级下配置externals