webpack的初步使用（01）

webpack:
1、安装：在项目文件下先npm init初始化，一路回车
2、进入到建立的项目下：cd projectname
3、安装webpack:npm install webpack --save-dev
4、打开当前文件，开始编码
5、打包一个文件：

6、直接引入css文件会报错：

报错如下：

安装css-loader和style-loader

还是报错：

要先引用一下css-loader和style-loader（css-loader前面再加一个style-loader!）

直接在新建一个index.html文件，引入压缩打包的文件进行测试：

运行成功：

也不用每次在css前面引入css-loader：可以利用webpack的命令行参数，可以自动引入相应的loader：

这样也可以打包，并没有报错。为了每次修改css，都不用每次都执行一次上述命令，我们可以用--watch这个参数来进行监听

可以用如下的命令，可以把我们所引用的模块都罗列出来。