了解下webpack的几个命令

标签：rom   目录   com   操作   nbsp   3.0.0   压缩   images   log   

【 webpack3.0.0刚刚出来  所以文章是跟着低版本 教程 操作熟悉  结果好多对不上喔】

六：了解下webpack的几个命令

1. webpack         // 最基本的启动webpack的方法
2. webpack -w      // 提供watch方法；实时进行打包更新
3. webpack -p      // 对打包后的文件进行压缩
4. webpack -d      // 提供source map，方便调式代码

我们下面来了解下 webpack -w

如下所示：

比如我在js文件里面随便增加一点代码后，保存后，再刷新页面即可可以看到代码生效了，无需重新运行webpack或者gulp，使用webpack -w 可以实时打包。 webpack -p 的含义是对进行打包后的文件进行压缩代码；比如我在之前使用chrome看打包后的代码如下：

如上可以看到，代码是未压缩的，但是当我在控制台命令行中运行 webpack -p 命令后，如下所示：

我们现在再到控制台上看下代码变成已经压缩后的代码了，如下所示：

webpack  -d 是提供未压缩之前的源码 方便代码中的调式；如下所示：

当我运行如上所示后，我们再来看看刚才已经压缩后的代码变成什么样子呢？如下所示：

如上代码可以看到 我们进行压缩后的代码，通过运行 webpack -d 命令后，即可还原未压缩的代码，这样的话就可以方便我们线上调式代码了。

我们再来看看目录下 会生成map文件，如下所示：

  可是我的不知道 在怎么了 没有生成map文件。

了解下webpack的几个命令

标签：rom   目录   com   操作   nbsp   3.0.0   压缩   images   log   

原文地址：http://www.cnblogs.com/ertingbo/p/7057913.html