webpack-开发环境配置（一）

一、安装

1.下载最新版nodejs(https://nodejs.org/en/)，一路next直到安装成功；

2.VScode中ctrl+~唤起终端，输入：

//这两步安装时是安装在全局环境，下次使用时可不用再运行一遍
初始化：npm init
下载webpack：npm i webpack webpack-cli -g

3.新建项目，在项目中安装webpack：

//默认最新版，可能出现兼容问题
npm i webpack webpack-cli-D
//指定版本
npm i webpack@4.43.0 webpack-cli@3.3.12 -D

4.新建webpack.config.js文件，根据需求进行配置，打包之后之后就可以使用了：

//全部打包：在项目目录下
webpack

//打包单文件：
//开发环境
webpack ./src/index.js -o ./build/biolt.js --mode=development
//生产环境
webpack ./src/index.js -o ./build/built.js --mode=production