Regex لتقليل CSS
-
25-09-2019 - |
سؤال
لديّ مجمع مضيق للأمام/Minimizer/Cacher لقد كتبته في Node.js. إنه يعمل بشكل جيد الآن.
ومع ذلك ، أتساءل عما إذا كانت هناك أي طريقة لتحسين تقليل مكالمات Regex الخاصة بي. بعض التعليقات ليست مخططة من CSS تمامًا ، وألاحظ بعض الفواق الأخرى هنا وهناك.
أيضًا ، بالنظر إلى قدراتي مع Regex ، قد أكون قادرًا على فعل الشيء نفسه في نصف المكالمات. قون
أي اقتراحات سيكون موضع تقدير كبير.
شكرًا.
function minimizeData( _content ) {
var content = _content;
content = content.replace( /(\/\*.*\*\/)|(\n|\r)+|\t*/g, '' );
content = content.replace( /\s{2,}/g, ' ' );
content = content.replace( /(\s)*:(\s)*/g, ':' );
content = content.replace( /(\s)+\./g, ' .' );
content = content.replace( /(\s|\n|\r)*\{(\s|\n|\r)*/g, '{' );
content = content.replace( /(\s|\n|\r)*\}(\s|\n|\r)*/g, '}' );
content = content.replace( /;(\s)+/g, ';' );
content = content.replace( /,(\s)+/g, ',' );
content = content.replace( /(\s)+!/g, '!' );
return content;
}
المحلول
function minimizeData( _content ) {
var content = _content;
content = content.replace( /\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g, '' );
// now all comments, newlines and tabs have been removed
content = content.replace( / {2,}/g, ' ' );
// now there are no more than single adjacent spaces left
// now unnecessary: content = content.replace( /(\s)+\./g, ' .' );
content = content.replace( / ([{:}]) /g, '$1' );
content = content.replace( /([;,]) /g, '$1' );
content = content.replace( / !/g, '!' );
return content;
}
يجب أن يكون أكثر وضوحا ويتجنب التكرار. بعد الاستبدال الأول ، لن يتبقى إلا مسافات ؛ بعد الاستبدال الثاني ، مساحات واحدة فقط. هذا يجعل ما يلي استبدال أسهل.
لشرح regex لإعادة التعليق (يظهر هنا على أنه إعادة صياغة مطول خالص بدون محددات):
/\* # Match /*
(?: # Match (any number of times)...
(?!\*/) # ... as long as we're not right before a */:
[\s\S] # any character (whitespace or non-whitespace).
)* # (End of repeated non-capturing group)
\*/ # Match */
لا تنتمي إلى StackOverflow