Webpack入门demo代码分享

参考文章：入门Webpack，看这篇就够了

年前看到过这篇文章，写的超级棒。过了短短几个月又忘得差不多了，昨晚又看了一遍，加上最近又看了一本react的书。就特别手痒，想动手敲代码了。纸上得来终觉浅，于是趁工作不忙，把这篇文章里的配置按小节一一实践，循序渐进的完成整个配置，全程都很顺畅，没遇到太多坑，感谢作者写的这么详细和准确。每一个小节，知识点我都做了一次提交，这样每次添加的功能就很清晰了。

git提交历史如下图：

demo code:请到这查看或下载

使用webpack4会遇到的一些问题如下：

1."extract-text-webpack-plugin"这个插件需要使用4.0以上版本的："^4.0.0-beta.0",

可运行这条命令升级：npm i -D extract-text-webpack-plugin@next

2. webpack.optimize.UglifyJsPlugin 插件问题

在webpack4下执行npm run build会遇到如下错误

Error: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead.

解决：在webpack.production.config.js加入下面的设置

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

在plugins:设置前添加以下设置，具体可见my gitbub

    optimization: {

        minimize: true, // default is true if it is not set

        minimizer: [

            new UglifyJsPlugin({

              cache: true,

              parallel: true,

              sourceMap: true

            })

        ]

    }

   希望这些code对你们有帮助。谢谢！