webpack4版本的安装和使用

在跟随网上教程学习vue的时候，发现按教程的步骤运行webpack的时候会有报错。找了下资料，现将解决方法记录下来备忘
1. 首先还是在项目目录下运行cnpm install -D webpack，采取根目录安装，如果要选择全局环境安装，把D改为g即可
2. 如果此时运行webpack或者webpack -v 会得到以下报错：
        The CLI moved into a separate package: webpack-cli.
        Please install 'webpack-cli' in addition to webpack itself to use the CLI.
        -> When using npm: npm install webpack-cli -D

        -> When using yarn: yarn add webpack-cli -D
这是因为webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli，所以除了 webpack 外，我们还需要安装 webpack-cli：  cnpm install -D webpack-cli，也是采取根目录安装
3. 安装完webpack和webpack-cli后再运行webpack，但是还是出现了报错。
    webpack4中需要指明使用哪种模式，development和production：webpack --mode  development

    同时，webpack4默认入口是src/index.js文件

4.结局以上问题后就可以了