webpack.config.js配置如下
var ExtractTextPlugin = require("extract-text-webpack-plugin")//extract-text-webpack-plugin安装此插件
module:{
loaders:[
{test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")}
]
},
plugins:[
new ExtractTextPlugin("css/[name].css")//则会生成一个css文件
]
比如你的js文件中这样引入即可：
import './css/lib/bootstrap.min.css'
import './css/test.css'
有外部式，内嵌式，行内样式。1、外部式：
（1）用法：当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。
（2）举例：通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。
2、内嵌式：
（1）用法：当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。
（2）举例：在 MicrosoftFrontPage2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性。
3、行内样式：
行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。
将css代码的<style type="text/css">和</style>标识去掉，取其中间部分并保存为1.css将script代码的<script type="text/javascript">和</script>标识去掉，取其中间部分保存为1.js
在你需要调用样式的页面中插入以下语句（一般在网页的head标识之间插入）：
<link rel="stylesheet" type="text/css" href="1.css">
在你需要调用脚本的页面中适当位置插入以下语句：
<script language="javascript" src="1.js"></script>
记得将这三个文件都放在一个目录中哦，不然你得写对路径
