金堂县建设局网站,凡科互动小游戏辅助,网页qq官网登录入口,etc推广代理平台此文不介绍webpack基本配置#xff0c;如果对基本配置有疑问请查阅官方文档。1、配置webpack.config.js将output.publicPath改成上传到的cdn地址, 例(对应上面上传配置)#xff1a;publicPath: https://your_base_cdn_url process.env.NODE_ENV /cdn/如果对基本配置有疑问请查阅官方文档。1、配置webpack.config.js将output.publicPath改成上传到的cdn地址, 例(对应上面上传配置)publicPath: https://your_base_cdn_url process.env.NODE_ENV /cdn/打包NODE_ENVproduction node_modules/webpack/bin/webpack.js -p这样打包后的文件例如有index.html12345678.src.js12345678.src.css...此时打包后生成的index.html文件中已经引入了cdn文件。title2、上传文件至CDN在部署脚本中写一段上传cdn的脚本 例echo start uploading to upyunHOSTv0.ftp.upyun.comUSERuploader/your-usernamePASSyour-passwordcd buildfiles$(ls | grep -v index.html | xargs)ftp -inv $HOST user $USER $PASSmkdir /$node_env/cdncd /$node_env/cdnmput $filesbyeEOFcd ..echo finish uploading to upyun将主页文件上传至服务器使用nginx代理server {listen 80;server_name your_server_name;access_log /var/log/nginx/your_project.log;root /var/www/your_project/production/current;location / {try_files $uri /index.html 404;add_header Pragma no-cache;expires -5y;}location ~ \.(js|css)$ {expires 360000;add_header Cache-Control max-age360000;;}}访问http://your_server_name即可访问使用CDN加速后网页。以上这篇利用CDN加速react webpack打包后的文件详解就是小编分享给大家的全部内容了希望能给大家一个参考也希望大家多多支持脚本之家。
