webpack4 安装实践

1. 两个基本的依赖

首先webpack 项目的两个核心基础模块是webpack 和webpack-cli，这是webpack项目构建的前提

npm install --save-dev webpack webpack-cli

2. 运行webpack

默认情况下，webpack 运行构建指令默认 以项目文件夹下的 src/index.js 作为入口文件， 运行 webpack指令会执行默认的webpack 配置文件。而在一般情况下，需要构建符合项目要求的配置文件，可在package.json 中同过--config配置webpack的执行文件(如下)

"script":
    {
        "build": "webpack --config ./config/webpack.base.js"
    }

3. webpack 配置文件的设置
   通过指定配置文件后，接下来的工作是根据需要配置执行的配置文件

// webpack.base.js

module.exports = {

}

总结一下遇到的问题：
1.这样的警告（The 'mode' option has not been set, webpack will fallback to 'production' for this value）

image.png

解决方案：

image.png

在webpack.config.js配置中添加 mode:'production'