flask-assets 对静态资源的打包

flask-assets 可以将多个 css/js 文件合并为一个文件。

pip install Flask-Assets  

如果需要将其压缩为min需要安装cssmin、jimin 

pip install cssmin jsmin 

如果项目用scss

pip install libsass

app = Flask(__name__)
assets_init(app)
assets = Environment(app)
css = Bundle('scss/*.scss', output='dist/style.css', filters='libsass,cssmin')
assets.register("css", css)
js = Bundle("js/*.js", output="dist/index.js", filters="jsmin")
assets.register("js", js)

html里这样写 

<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    {% assets 'css' %}
    <link rel="stylesheet" href="{{ ASSET_URL }}" />
    {% endassets %} {% assets 'js' %}
    <script type="text/javascript" src="{{ ASSET_URL }}"></script>
    {% endassets %}
</head>

原方式引进,需要在python中写入

css.build()

js.build() 

<link href="{{ url_for('static', filename='dist/style.css') }}" rel="stylesheet">
<script src="{{ url_for('static', filename='dist/index.js') }}"></script>

 # 调试环境不打包

app.config['ASSETS_DEBUG'] = True

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值