CDN(内容分发网络)优化是一种通过静态资源(如JavaScript、CSS、图片等)托管到CDN服务器提高网站的加载速度和性能的技术。CDN服务器分布在 全球的多个地理位置,当用户请求资源时,CDN会将请求路由到最近的服务器,从而减少延迟并提高加载速度。
通过craco配置CDN优化 craco是一个用于扩展Create React App(CRA)配置的工具,允许你在不弹出CRA内部配置的情况下,自定义Webpack配置。 1.安装craco npm i @craco/craco --save-dev
2.创建craco.config.js const path = require('path') const { whenProd,getPlugin,pluginByName } = require('@/craco/craco')
module.exports = { webpack:{ alias: { '@': path.resolve(__dirname,'src') }, configure: (webpackConfig) =>{ let cdn = { js:[ ] }
whenProd(( ) =>{
})
} }
}