上一篇,我们说了使用webpack.config.js 来设置webpack,
而且之前我们也了解了如何打包 js 文件,现在我们看看如何打包 .css文件:
老规矩,一步步来:
第一步:全局安装我们的webpack
(有的人可能为什么不局部安装,因为得一步步来,后面会说到相关内容,现在就按我的顺序来就行)
接下来要安装两个东西 css-loader style-loader :
这两个东西就是用来处理css 文件的;
第二步:创建我们的项目 webpack_temp;
第三步:依旧和上一篇的内容一样,创建 index.html 文件,创建 run1.js文件,创建run2.js 文件,然后创建我们的
webpack.config.js文件;还有现在我们要说的 style.css 文件,一共5个文件;
index.html
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>
run1.js
run2.js
webpack.config.js
style.css
最后我们使用 webpack 命令就可以了:
我们打开index.html:
写了这么久,突然发现从开始开始到现在都少了一个文件,虽然对我们现在的内容没什么影响,但是这个文件
还是很重要的 ,那就是 package.json 文件 ,下一次补上,并且具体说明;