【急求】CDN中实现 CSS/JS 自动压缩的议案
【急求】CDN中实现 CSS/JS 自动压缩的方案?
最初需求
网站高并发,需要将里面用的图片/CSS/JS资源进行压缩,以节约服务器流量资源带宽。
服务器配置:主1,次3台。主 Win64+ WAMP,通过域名DNS自动解析分配指向。
解决方案
主服务器中加入 Google JSMinify 库,将资源文件夹 /Public下的 CSS/JS 文件的访问全部重写到 JSMinify 的程序上。JSMINIFY自动的压缩并且只能gz缓存。
需求变更
要求将Public 的资源迁移到CDN。新的CDN只提供FTP,服务器配置LInux+Niginx,不支持PHP 不支持 htaccess,不支持服务器的独特设置,只提供FTP账号密码!
个人想的解决方案
1)每次上传Public 中的资源,先复制一份到 出来,再手动逐个压缩,然后再逐个上传到 CDN。<br />问题:现在网站中的JS/CSS经常会改动。如果每天都改动上传,那么花费在压缩上就需要大量时间。且容易出错。<br /><br />2)使用JSMinfiy制作出出可以指定目录进行压缩的工具。<br />问题:需要花费时间来制作和测试。但其他工作很赶。<br /><br />3)使用专门的软件,可以指定某个目录进行压缩的软件进行自动压缩。<br />问题:求推荐。
现在个人觉得最好的方案就是第三点了,求推荐,有无可以对指定目录的JS/CSS文件进行压缩的软件工具?
或者其他的解决方案?
Google Minify下载: https://code.google.com/p/minify/
------解决思路----------------------
notepad+也可以,需要安装插件。

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds











L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.

Il existe deux façons de créer une ligne divisée bootstrap: en utilisant la balise, qui crée une ligne divisée horizontale. Utilisez la propriété CSS Border pour créer des lignes de fractionnement de style personnalisées.

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton

Pour ajuster la taille des éléments dans Bootstrap, vous pouvez utiliser la classe de dimension, qui comprend: ajuster la largeur: .col-, .w-, .mw-ajustement Hauteur: .h-, .min-h-, .max-h-
