Dieses Mal bringe ich Ihnen CDN, um den Verpackungsprozess für React-Webpack-Dateien zu beschleunigen. Was sind die Vorsichtsmaßnahmen, mit denen CDN den Verpackungsprozess für React-Webpack-Dateien beschleunigt? ein Blick.
1. Konfigurieren Sie webpack.config.js
Ändern Sie „output.publicPath“ in die CDN-Adresse, auf die hochgeladen wurde, zum Beispiel (entsprechend der Upload-Konfiguration oben):publicPath: "https://your_base_cdn_url" + process.env.NODE_ENV + "/cdn/"
NODE_ENV=production node_modules/webpack/bin/webpack.js -p
index.html 12345678.src.js 12345678.src.css ...
<html lang="en"> <head> <title>title</title> <link href="https://your_base_cdn_url/production/cdn/12345678.src.css" rel="external nofollow" rel="stylesheet"> </head> <body id="body"> <p id="root"></p> <script src="https://your_base_cdn_url/production/cdn/12345678.src.js"></script></body> </html>
2. Dateien auf CDN hochladen
Schreiben Sie ein Skript zum Hochladen von CDN im Bereitstellungsskript, zum Beispiel:echo "start uploading to upyun" HOST=v0.ftp.upyun.com USER=uploader/your-username PASS=your-password cd build files=$(ls | grep -v 'index.html' | xargs) ftp -inv $HOST <<EOF user $USER $PASS mkdir /$node_env/cdn cd /$node_env/cdn mput $files bye EOF cd .. echo "finish uploading to upyun"
-Datei auf den Server hoch und verwenden Sie den Nginx-Proxy
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-age=360000;";
}
}Wie gehe ich mit der Kompatibilität des Easyui-Datums- und Zeitfelds im IE um?
vue bestimmt, ob der Eingabeinhalt ist vorhanden Space
FileReader implementiert eine lokale Vorschau vor dem Hochladen von Bildern
Das obige ist der detaillierte Inhalt vonCDN beschleunigt den React-Webpack-Paketierungsdateiprozess. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
