Javascript正則表達式來獲取來自Css的所有媒體查詢

我試圖使用javascript從我的css文件中刪除所有@media{..}塊。Javascript正則表達式來獲取來自Css的所有媒體查詢

我想這樣的事情str.replace(/\@media[^\}]*\}}/g,'')，但這僅適用於像

@media screen and (max-width:400px){@-ms-viewport{width:320px}}，而不是與

@media screen and (min-width:768px){.tron{padding:50px 60px;border-radius:6px}.tron h1{font-size:63px}}

我怎麼能代替從CSS文件中的所有媒體塊？這可以使用JavaScript的RegExp完成，或者我必須手動循環它嗎？

你見過的CSS解析庫？ –

@ DanielA.White不，任何鏈接？ –

這是節點包，但它可以在瀏覽器中使用。 https://npmjs.org/package/css –

如果我的理解是否正確，你只需要一個非貪婪匹配：

str.replace(/@media.*?}}/g,'')

2013-08-04 12:38:41 mishik

This works ..thnx –

回答