快捷導(dǎo)航

Python利用第三方模塊實(shí)現(xiàn)壓縮css文件

更新時(shí)間：2023年01月28日 10:31:44 作者：夢(mèng)想橡皮擦

在?Python?中可以使用多種方法來(lái)壓縮?CSS?文件。其中一種流行的方法是使用?csscompressor?庫(kù)，這個(gè)庫(kù)可以幫助你壓縮?CSS?代碼，下文就來(lái)和大家詳細(xì)聊聊

csscompressor 庫(kù)使用

在 Python 中可以使用多種方法來(lái)壓縮 CSS 文件。其中一種流行的方法是使用 csscompressor 庫(kù)，這個(gè)庫(kù)可以幫助你壓縮 CSS 代碼，減小文件大小。在控制臺(tái)中運(yùn)行 pip install csscompressor 來(lái)安裝這個(gè)庫(kù)。

后續(xù)的核心是使用 csscompressor.compress() 函數(shù)來(lái)壓縮 CSS 文件。

接下來(lái)演示一下最基礎(chǔ)的用法。

from csscompressor import compress

# 你需要壓縮的 CSS 文件路徑
css_file = '../flask_demo_learn/static/base.css'

# 讀取 CSS 文件
with open(css_file, 'r',encoding='utf-8') as file:
    css = file.read()

print(css)
# 壓縮 CSS 代碼
compressed_css = compress(css)

# 將壓縮后的 CSS 代碼寫入新的文件
with open(css_file, 'w') as file:
    file.write(compressed_css)

壓縮后的 css 文件會(huì)覆蓋舊文件，如不覆蓋記得修改文件名。

代碼核心使用的是 csscompressor 庫(kù)的 compress() 函數(shù)壓縮 CSS 代碼，壓縮之后的 CSS 代碼為一行，可讀性降低，因此，在開(kāi)發(fā)過(guò)程中建議不要壓縮 CSS 文件，在發(fā)布之前再進(jìn)行壓縮。

在 Flask 中壓縮 css 文件

在 Flask 中壓縮 CSS 文件可以使用同樣的方法，即使用 csscompressor 庫(kù)，你可以在 Flask 應(yīng)用程序中創(chuàng)建一個(gè)路由來(lái)處理壓縮 CSS 文件。

@app.route('/compress-css')
def compress_css():
    # 你需要壓縮的 CSS 文件路徑
    css_file = 'static/base_bak.css'

    # 讀取 CSS 文件
    with open(css_file, 'r', encoding='utf-8') as file:
        css = file.read()

    # 壓縮 CSS 代碼
    compressed_css = css_compress(css)

    # 返回壓縮后的 CSS 代碼
    return Response(compressed_css, mimetype='text/css')


if __name__ == '__main__':
    app.run()

運(yùn)行代碼，訪問(wèn)指定路由，即可得到被壓縮后的 css 文件。

然后我們舊可以在 HTML 模板中使用鏈接標(biāo)簽引用該路由，獲取 css 樣式表。

<link rel="stylesheet" type="text/css" href="{{ url_for('compress_css') }}" />

csscompressor 庫(kù)支持一些高級(jí)的特性，如移除注釋。

# 刪除注釋
compressed_css = compress(css, preserve_exclamation_comments=True)
print(compressed_css)

cssmin 庫(kù)的用法

cssmin 是一個(gè)用于壓縮 CSS 文件的 Python 庫(kù)。它可以幫助你移除 CSS 中的空白符、注釋和重復(fù)規(guī)則。

模塊安裝命令如下：

pip install cssmin

壓縮 CSS 文件的基本用法如下：

from cssmin import cssmin

# 你需要壓縮的 CSS 文件路徑
css_file = '../flask_demo_learn/static/base_bak.css'

# 讀取 CSS 文件
with open(css_file, 'r', encoding='utf-8') as file:
    css = file.read()

# 壓縮 CSS 代碼

compressed_css = cssmin(css)
print(compressed_css)

覆蓋原文件和指定到新文件與 csscompressor 庫(kù)用法一致。

rcssmin 庫(kù)的用法

rcssmin 是一個(gè)用于壓縮 CSS 文件的 Python 庫(kù)。它可以幫助你移除 CSS 中的空白符、注釋和重復(fù)規(guī)則。

該庫(kù)的安裝命令如下：

pip install rcssmin

基本使用代碼如下所示：

import rcssmin
# 你需要壓縮的 CSS 文件路徑
css_file = '../flask_demo_learn/static/base_bak.css'

# 讀取 CSS 文件
with open(css_file, 'r', encoding='utf-8') as file:
    css = file.read()

# 壓縮 CSS 代碼

compressed_css = rcssmin.cssmin(css)
print(compressed_css)