node.js中怎么加载css

html-css023

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

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

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

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

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

示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>首页</title>

<meta name="keywords" content="首页" />

<meta name="description" content="首页" />

<link href="css/css.css" rel="stylesheet" type="text/css" /><!--这里就是载入css文件-->

<script type="text/javascript" src="js/js.js"></script>

</head>

<body>

</body>

</html>