webpack—part3——认识一些webpack 命令

承接part2 https://mp.csdn.net/postedit/85003231

加载一个css就要写两个loader 就觉得很麻烦，

我们可以不在这里指定。我们可以通过命令行工具。

在终端输入webpack 

我们可以看到 webpack还有很多参数。 上面只是一小部分

使用相应的参数来指定相应的loader ： --module-bind  来绑定相应的模块.

绑定什么呢，如果是css文件，我们就把loader交给css， "css=style-loader!" 但是style之前还有个css-loader

所以就是 "css=style-loader!css-loader"

终端输入：

webpack  hello.js  hello.bundle.js --module-bind "css=style-loader!css-loader"

引号要用双引号 不能单引号  不然还是会报错的

回车 运行 界面还能用 body也是红色一大片。好的没问题！

2. 每次改个文件都得去终端输入一个命令，也是很烦的。

那么加上--watch 进行监听。 当文件改动的时候，它就会自动更新自动打包

webpack  hello.js  hello.bundle.js --module-bind "css=style-loader!css-loader" --wacth

回车 运行

此时，再改一下hello.js 文件 ，添加一个hello函数的调用。刷新浏览器，弹出 “自动更新自动改变”， 这个时候就没有再去终端敲命令行咯~