node.js中怎么加载css

html-css04

node.js中怎么加载css,第1张

nodejs本身只能加载js,css文件只能做为文本被读取。

如果想要加载解析css,可以配合webpack,然后使用css-loader、style-loader来使用。

css-loader是用来加载解析css的,将其处理成对象,方便js进一步处理;

style-loader可以将css-loader处理的对象导入到html中,从而可以在网页中运行。

define(["require"], function(require) {

var cssUrl = require.toUrl("./style.css")

var link = document.createElement("link")

link.type = "text/css"

link.rel = "stylesheet"

link.href = cssUrl

document.getElementsByTagName("head")[0].appendChild(link)

})

require有个text组件的.引用组件后.define中只要text!css/style.css就可以引用引用css文件就可以了.也可以引用html模板文件