1.开发环境安装css-loader
2.在webpack.config.js中引入css-loader(三种方法)
3.引入后npm run build，仍然无法显示样式，什么原因？
因为没有安装style-loader
1.开发环境安装style-loader
2.在webpack.config.js中引入style-loader
默认规则：引入的loader从下往上，从右往左扫描
3.引入css-loader和style-loader后npm run build，正常显示
优点：1、提供了许多便利的写法，让CSS 的处理实现了可编程处理。
2、扩展了 CSS3，增加了规则、变量、混合、选择器、继承等等特性，可以生成风格良好的 CSS 样式表文件，易于组织和维护。
3、能有效减少代码冗余的问题
另外：建议使用 scss 文件，这种和我们平时写的 css 文件格式差不多，使用大括号和分号。以避免 sass 后缀名的严格格式要求而报错。
首先需要一款前端编辑器，如sublime Dreamweaver ；
sublime的官网下载地址：http://www.sublimetext.com/
其次需要了解html css js的语法结构；下面是一个简单的例子可以作为参考；
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="在这里插入要引入的css文件路径">
<script type="text/javascript" src="在这里插入要引入的js文件"></script>
<title></title>
</head>
<body>
<div>这是需要开发的部分</div>
</body>
</html>
