gulpプラグインhttps://www.npmjs.com/package/gulp-iconfontとhttps://www.npmjs.com/package/gulp-iconfont-cssを使用して、それぞれアイコンフォントとcssを生成します。フォントはChromeにキャッシュされるので、styles.cssのフォントソース文字列の最後にバージョン番号を追加します。ここで ファイルgulp生成ファイルのsrcバージョン管理
は私が変換したい生成されたCSSの一部である@font-face {
font-family: "some-icons";
url('/assets/fonts/some-icons.woff2') format('woff2');
}
所望の出力はsomeVersionは、タイムスタンプまたはからファイルを区別します他のいくつかのランダムな文字列である
@font-face {
font-family: "some-icons";
url('/assets/fonts/some-icons.woff2?v=someVersion') format('woff2');
}
ですその前のバージョン。
私はgssプラグインを探しています。これはcssを解析し、src文字列の最後に "salt"を追加します。
他の解決策は、私はこのプラグインhttps://www.npmjs.com/package/gulp-modify-fileを活用するソリューションを見つけた