在使用Flask-Bootstrap的base.html模版时，去除对cdnjs的资源依赖

  在使用Flask开发后台时，使用到了Flask-Bootstrap。虽然很方便，但是有个问题是它会从cdnjs.cloundflare.com拉取bootstrap.min.css,jquery.min.js等资源。这在有些没有网络连接的现场是很大的问题。因此要去除掉从cdnjs获取资源这个特性。

 1 查找原因

  在Python的Lib/site-packages/flask_bootstrap/templates/bootstrap/base.html的代码：

{% block doc -%}


{%- block html %}
  
    {%- block head %}
    

    {%- block metas %}
    
    {%- endblock metas %}

    {%- block styles %}
    
    
    {%- endblock styles %}
    {%- endblock head %}
  
  
    {% block body -%}
    {% block navbar %}
    {%- endblock navbar %}
    {% block content -%}
    {%- endblock content %}

    {% block scripts %}
    
    
    {%- endblock scripts %}
    {%- endblock body %}
  
{%- endblock html %}

{% endblock doc -%}

其中所有的“bootstrap_find_resource(...)”调用都是导致从cdnjs获取代码的原因。

2 解决办法

  在自己的引用了base.html的代码中，把第1步中所有涉及了“bootstrap_find_resource(...)”的块给替换掉，改成从本地获取相应的资源：

# 替换block styles
 {%- block styles %}
    
    
	
{%- endblock styles %}


# 替换block scripts
{% block scripts %}
  # 屏蔽掉继承base.html,然后从本地获取js


{
    { moment.include_moment(local_js=url_for('static', filename='js/monent-with-locales.min.js')) }}



{% block page_script %}{% endblock %}
{% endblock %}

3 去除moment对cdnjs的依赖

除了bootstrap，还有moment组件也会从cdnjs获取资源，这里只需要在moment.include_monent()这个调用中，给参数local_js赋上本地Js的路径即可。

{
    { moment.include_moment(local_js=url_for('static', filename='js/monent-with-locales.min.js')) }}