Ich versuche, die Anzahl der Skripts auf unserer Website zu reduzieren und wir verwenden Buildout für Bereitstellungen. Hat jemand erfolgreich eine Methode zum Kombinieren und Komprimieren von Skripten mit Buildout implementiert?Kombinieren von Javascript-Dateien bei der Bereitstellung in Python
Antwort
Hier ist ein Python-Skript, das ich mit all meinen schweren JavaScript-Projekten verwende. Ich verwende YUICompressor, aber Sie können den Code ändern, um einen anderen Kompressor zu verwenden.
import os, os.path, shutil
YUI_COMPRESSOR = 'yuicompressor-2.4.2.jar'
def compress(in_files, out_file, in_type='js', verbose=False,
temp_file='.temp'):
temp = open(temp_file, 'w')
for f in in_files:
fh = open(f)
data = fh.read() + '\n'
fh.close()
temp.write(data)
print ' + %s' % f
temp.close()
options = ['-o "%s"' % out_file,
'--type %s' % in_type]
if verbose:
options.append('-v')
os.system('java -jar "%s" %s "%s"' % (YUI_COMPRESSOR,
' '.join(options),
temp_file))
org_size = os.path.getsize(temp_file)
new_size = os.path.getsize(out_file)
print '=> %s' % out_file
print 'Original: %.2f kB' % (org_size/1024.0)
print 'Compressed: %.2f kB' % (new_size/1024.0)
print 'Reduction: %.1f%%' % (float(org_size - new_size)/org_size * 100)
print ''
#os.remove(temp_file)
ich es wie folgt verwenden (die unten ist nur ein Code-Schnipsel, und geht davon aus, dass die compress
Funktion im aktuellen Namensraum vorhanden):
SCRIPTS = [
'app/js/libs/EventSource.js',
'app/js/libs/Hash.js',
'app/js/libs/JSON.js',
'app/js/libs/ServiceClient.js',
'app/js/libs/jquery.hash.js',
'app/js/libs/Application.js',
'app/js/intro.js',
'app/js/jquery-extras.js',
'app/js/settings.js',
'app/js/api.js',
'app/js/game.js',
'app/js/user.js',
'app/js/pages.intro.js',
'app/js/pages.home.js',
'app/js/pages.log-in.js',
'app/js/pages.log-out.js',
'app/js/pages.new-command.js',
'app/js/pages.new-frame.js',
'app/js/pages.not-found.js',
'app/js/pages.register.js',
'app/js/pages.outro.js',
'app/js/outro.js',
]
SCRIPTS_OUT_DEBUG = 'app/js/multifarce.js'
SCRIPTS_OUT = 'app/js/multifarce.min.js'
STYLESHEETS = [
'app/media/style.css',
]
STYLESHEETS_OUT = 'app/media/style.min.css'
def main():
print 'Compressing JavaScript...'
compress(SCRIPTS, SCRIPTS_OUT, 'js', False, SCRIPTS_OUT_DEBUG)
print 'Compressing CSS...'
compress(STYLESHEETS, STYLESHEETS_OUT, 'css')
if __name__ == '__main__':
main()
Das qooxdoo Projekt wird mit einem Kompressor Javascript geschrieben in Python. Obwohl es eng in das Framework integriert ist, sollten Sie in der Lage sein, die Kompressor-Komponente zu nutzen. Wenn Sie das neueste SDK erhalten, gibt es ein tool/bin/compile.py Befehlszeilenprogramm, das Sie verwenden können, um JS-Dateien mit verschiedenen Optionen zu komprimieren (verwenden Sie die Befehlszeilenoption -h für Hilfe). Ich bin mir sicher, dass Buildout das über eine Shell aufrufen kann.
Wenn Sie Ihre eigenes Rollen Sie den Kompressor in Ihren eigenen Python-Code zurückgreifen, indem Sie die Python-Modulen, die mit dem qooxdoo SDK kommen (unter Werkzeug/pylib/). Es ist nicht dokumentiert, aber Sie können das compile.py Skript sehen, wie man das erreicht.
Kombination der Blixt-Lösung mit JS Min. Hier ist der Code:
Rufen Sie die compress(in_files, out_file)
Methode
import os, os.path, shutil
# This code is original from jsmin by Douglas Crockford, it was translated to
# Python by Baruch Even. The original code had the following copyright and
# license.
#
# /* jsmin.c
# 2007-05-22
#
# Copyright (c) 2002 Douglas Crockford (www.crockford.com)
#
# Permission is hereby granted, free of charge, to any person obtaining a copy of
# this software and associated documentation files (the "Software"), to deal in
# the Software without restriction, including without limitation the rights to
# use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
# of the Software, and to permit persons to whom the Software is furnished to do
# so, subject to the following conditions:
#
# The above copyright notice and this permission notice shall be included in all
# copies or substantial portions of the Software.
#
# The Software shall be used for Good, not Evil.
#
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
# SOFTWARE.
# */
from StringIO import StringIO
def jsmin(js):
ins = StringIO(js)
outs = StringIO()
JavascriptMinify().minify(ins, outs)
str = outs.getvalue()
if len(str) > 0 and str[0] == '\n':
str = str[1:]
return str
def isAlphanum(c):
"""return true if the character is a letter, digit, underscore,
dollar sign, or non-ASCII character.
"""
return ((c >= 'a' and c <= 'z') or (c >= '0' and c <= '9') or
(c >= 'A' and c <= 'Z') or c == '_' or c == '$' or c == '\\' or (c is not None and ord(c) > 126));
class UnterminatedComment(Exception):
pass
class UnterminatedStringLiteral(Exception):
pass
class UnterminatedRegularExpression(Exception):
pass
class JavascriptMinify(object):
def _outA(self):
self.outstream.write(self.theA)
def _outB(self):
self.outstream.write(self.theB)
def _get(self):
"""return the next character from stdin. Watch out for lookahead. If
the character is a control character, translate it to a space or
linefeed.
"""
c = self.theLookahead
self.theLookahead = None
if c == None:
c = self.instream.read(1)
if c >= ' ' or c == '\n':
return c
if c == '': # EOF
return '\000'
if c == '\r':
return '\n'
return ' '
def _peek(self):
self.theLookahead = self._get()
return self.theLookahead
def _next(self):
"""get the next character, excluding comments. peek() is used to see
if an unescaped '/' is followed by a '/' or '*'.
"""
c = self._get()
if c == '/' and self.theA != '\\':
p = self._peek()
if p == '/':
c = self._get()
while c > '\n':
c = self._get()
return c
if p == '*':
c = self._get()
while 1:
c = self._get()
if c == '*':
if self._peek() == '/':
self._get()
return ' '
if c == '\000':
raise UnterminatedComment()
return c
def _action(self, action):
"""do something! What you do is determined by the argument:
1 Output A. Copy B to A. Get the next B.
2 Copy B to A. Get the next B. (Delete A).
3 Get the next B. (Delete B).
action treats a string as a single character. Wow!
action recognizes a regular expression if it is preceded by (or , or =.
"""
if action <= 1:
self._outA()
if action <= 2:
self.theA = self.theB
if self.theA == "'" or self.theA == '"':
while 1:
self._outA()
self.theA = self._get()
if self.theA == self.theB:
break
if self.theA <= '\n':
raise UnterminatedStringLiteral()
if self.theA == '\\':
self._outA()
self.theA = self._get()
if action <= 3:
self.theB = self._next()
if self.theB == '/' and (self.theA == '(' or self.theA == ',' or
self.theA == '=' or self.theA == ':' or
self.theA == '[' or self.theA == '?' or
self.theA == '!' or self.theA == '&' or
self.theA == '|' or self.theA == ';' or
self.theA == '{' or self.theA == '}' or
self.theA == '\n'):
self._outA()
self._outB()
while 1:
self.theA = self._get()
if self.theA == '/':
break
elif self.theA == '\\':
self._outA()
self.theA = self._get()
elif self.theA <= '\n':
raise UnterminatedRegularExpression()
self._outA()
self.theB = self._next()
def _jsmin(self):
"""Copy the input to the output, deleting the characters which are
insignificant to JavaScript. Comments will be removed. Tabs will be
replaced with spaces. Carriage returns will be replaced with linefeeds.
Most spaces and linefeeds will be removed.
"""
self.theA = '\n'
self._action(3)
while self.theA != '\000':
if self.theA == ' ':
if isAlphanum(self.theB):
self._action(1)
else:
self._action(2)
elif self.theA == '\n':
if self.theB in ['{', '[', '(', '+', '-']:
self._action(1)
elif self.theB == ' ':
self._action(3)
else:
if isAlphanum(self.theB):
self._action(1)
else:
self._action(2)
else:
if self.theB == ' ':
if isAlphanum(self.theA):
self._action(1)
else:
self._action(3)
elif self.theB == '\n':
if self.theA in ['}', ']', ')', '+', '-', '"', '\'']:
self._action(1)
else:
if isAlphanum(self.theA):
self._action(1)
else:
self._action(3)
else:
self._action(1)
def minify(self, instream, outstream):
self.instream = instream
self.outstream = outstream
self.theA = '\n'
self.theB = None
self.theLookahead = None
self._jsmin()
self.instream.close()
def compress(in_files, out_file, in_type='js', verbose=False,
temp_file='.temp'):
temp = open(temp_file, 'w')
for f in in_files:
fh = open(f)
data = fh.read() + '\n'
fh.close()
temp.write(data)
print ' + %s' % f
temp.close()
out = open(out_file, 'w')
jsm = JavascriptMinify()
jsm.minify(open(temp_file,'r'), out)
out.close()
org_size = os.path.getsize(temp_file)
new_size = os.path.getsize(out_file)
print '=> %s' % out_file
print 'Original: %.2f kB' % (org_size/1024.0)
print 'Compressed: %.2f kB' % (new_size/1024.0)
print 'Reduction: %.1f%%' % (float(org_size - new_size)/org_size * 100)
print ''
os.remove(temp_file)
Eine etwas andere Perspektive auf die Lösung von Rushabh vorgeschlagen. Anstatt eine Datei-basierte Komprimierung Funktion ist diese Zeichenfolge basiert und etwas einfacher:
def jsmerge(file_names, debug=False):
"""combines several js files together, with optional minification"""
js = ""
for file_name in file_names:
js += open(file_name).read()
# if debug is enabled, we skip the minification
if debug:
return js
else:
return jsmin(js)
Wenn Sie WSGI Middleware verwenden könnten Sie auch Fanstatic verwenden. Es ist wahrscheinlich mehr Arbeit, es in Ihren Stack zu integrieren als "einfach" etwas in Buildout zu ändern. Die Dinge, die du mit Fanstatic bekommst, sind dagegen ziemlich gut. Sie können nur genau die Skripte senden, die Sie für jede Seite benötigen. Es führt auch die Erstellung von Paketen (Bündelung) und die Minimierung von "Ressourcen" (JavaScript und CSS) durch.
- 1. Fehler beim Heroku bei der Bereitstellung von
- 2. JavaFX Probleme bei der Bereitstellung
- 3. Fehler bei der Bereitstellung tomcat
- 4. Kombinieren von Moduldateien in Python
- 5. TemplateDoesNotExist at/base/index.html bei der Bereitstellung in Heroku
- 6. Bereitstellung bei Amazon EC2
- 7. Dev_appserver.py Fehler bei der Bereitstellung in Google AppEngine
- 8. Tomcat-Java-Datei bei der Bereitstellung
- 9. modifizieren erb-Datei bei der Bereitstellung
- 10. Probleme bei der Bereitstellung einer Webanwendung
- 11. Filtern ASP.NET-Webanwendung Dateien bei der Bereitstellung
- 12. Probleme bei der Bereitstellung für Heroku
- 13. ASP.net CS1061 Compilation Fehler bei der Bereitstellung
- 14. Problem bei der Bereitstellung von Python-Programm (im Lieferumfang von py2exe)
- 15. Amazon Beanstalk-Fehler bei der Bereitstellung
- 16. Capistrano: ExecJS Fehler bei der Bereitstellung
- 17. Bei der Bereitstellung Jasper Reports Fehlermeldung
- 18. NoClassDefFoundError bei der Ausführung von Test über Ant, aber Arbeit bei der Bereitstellung in Tomcat
- 19. Was bedeutet "Release" -Konfiguration bei der Bereitstellung?
- 20. Probleme bei der Bereitstellung .WAR to tomcat
- 21. Wildfly DefaultJMSConnectionFactory fehlt bei der WAR-Bereitstellung
- 22. Log4Net protokolliert nicht bei der Bereitstellung
- 23. Eingebetteter Webserver - mögliche Probleme bei der Bereitstellung
- 24. URL-Problem bei der Bereitstellung der WAR-Datei in Tomcat
- 25. Kombinieren Ergebnis von zwei Funktionen in Python
- 26. IIS-Fehler bei der Bereitstellung von asp.net mvc2
- 27. Jenkins: zu viele Protokolle bei der Bereitstellung von Maven
- 28. Package.json bei der Bereitstellung von Meteor auf Modulus
- 29. Kompatibilitätsprobleme bei der Bereitstellung von C# win Formularanwendung
- 30. Problem bei der Bereitstellung von RailsTutorial Kap 11 auf Heroku
Awesome, scheint gut für die Scripting-Seite der Dinge, sollte relativ einfach in Buildout konfiguriert werden. –
Wie verwalten Sie die HTML-Seite, die auf die unkomprimierten Dateien verweist ('') –
Das Python-Skript kombiniert alle Dateien zu einem und speichert es (in meinem Fall) als 'multifarce.min.js'. Der HTML-Code zeigt immer auf "multifarce.min.js". Ich verwende dieses Skript für Google App Engine und führe es automatisch aus, bevor ich den Entwicklungsserver starte oder eine Veröffentlichung mache. – Blixt