0

如何@import在 chrome 扩展中使用 css？我已经尝试了下面的代码，但我无法让它工作

省略了一些代码，因此更易于阅读


文件结构

|-- lib
    |-- jquery.min.js

|-- theme
    |-- _import.css
    |-- theme-blue.css
    |-- theme-yellow.css
    |-- theme-green.css

|-- my-extension
    |-- my-extension.js
    |-- my-extension.css

|-- manifest.json


代码

清单.json

{
"content_scripts": [{

    "js": [
        "lib/jquery.min.js",
        "my-extension/my-extension.js"],

    "css": [
        "theme/_import.css",
        "my-extension/my-extension.css"],

    "run_at": "document_end"
}],

"web_accessible_resources":[
    "lib/*",
    "theme/*"
]

}

_import.css

@import url('theme-blue.css');
@import url('theme-yellow.css');
@import url('theme-green.css');

主题-blue.css

* { background: blue; }

主题-黄色.css

* { background: yellow; }

主题-green.css

* { background: green; }
4

0 回答 0