这节内容我们将初步了解插件（plugins）的用法。
压缩js代码：
我们编写的js文件，在上线前，都是要进行压缩的，在没有webpack和gulp这些工具前，你可能需要找一个压缩软件或者在线进行压缩。在webpack中可以很轻松的实现js代码压缩，他是通过插件的方式实现的，这里我们引入的插件是uglifyjs-webpack-plugin（js压缩插件，简称uglify）。
注意：这个插件在webpack版本里已经默认集成，也就是说我们在下载webpack依赖时就已经自带了这个插件，无需我们再次安装。
我们需要在webpack.config.js中引入uglify插件，分别在第2和第48行
这个时候在终端使用webpack进行打包，你会发现js代码已经被压缩了。
请注意：上面操作完成后在终端使用npm run server进行预览时，会报错，要弄明白这个问题，我们先要弄清楚什么是开发环境，什么是生产环境。开发环境中是基本不会对js进行压缩的，在开发预览时我们需要明确的报错行数和错误信息，所以完全没有必要压缩JavasScript代码。而生产环境中才会压缩JS代码，用于加快程序的工作效率。devServer用于开发环境，而压缩JS用于生产环境，在开发环境中作生产环境的事情所以Webpack设置了冲突报错。有些人会发现，现在我们的项目结构是有问题的，我们把index.html直接放到了dist文件夹下，这肯定是不正确的，应该放到我们src目录下。但是前期我们为了循序渐进的学习，所以把index.html放到了dist目录下。下节课我们就学习如何把html文件打包到我们的生产路径下。这节内容出现的问题，将在下节内容中给予解决。
总结：
这节内容同上节一样，都是非常重要的，js压缩是项目上线所必须的，所以要牢记掌握。