用 bottle.py 加载 CSS 和 JavaScript

Question

我正在尝试使用Bottle.py编写一个应用程序

<link href="bootstrap.min.css" rel="stylesheet" media="screen">
<script src="http://d3js.org/d3.v2.js"></script>  
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="bootstrap.min.js"></script>

我的视图复制了这些导入语句，而没有实际导入 css + js 文件本身。

正如教程所建议的，我已经包含了一个static模板

@route('/static/<filename>')
def server_static(filename):
    return static_file(filename, root='/static/')

如何修改 HTML 以便我的浏览器读取*.js, *.css文件？

Answer 1

我用过（作为例子）

... href="/arch/favicon.ico"

我有

@route('/arch/<filename>')
def fileget(filename):

对于 static 个文件。

Answer 2

使用:path过滤器允许匹配这样的 URL，如/bootstrap.min.js或/js/bootstrap.min.js 。 在第一种情况下，Bottle 返回文件/usr/home/project/client/bootstrap.min.js ，在第二种情况下返回/usr/home/project/client/js/bootstrap.min.js 。

@route('<path:path>')
def server_static(path):
    return static_file(path, root='/usr/home/project/client')

:path 以非贪婪方式匹配包括斜线字符在内的所有字符，可用于匹配多个路径段。

Answer 3

使用正则表达式匹配服务.css和.js文件：

@route('/<file:re:.*\.(css|js)>')
def serve_cssjs_suffixed_file(file):
    return static_file(file)

“static_file”function 的一些值得注意的选项是：

root='target_dir'指向包含文件的目录

mimetype='text/css'如果瓶子猜错了，手动传递 MIME 类型