webpack4.x开发环境配置

一、全局安装webpack

直接使用npm全局安装webpack,我们预期全局安装webpack后,便能在命令行中使用webpack指令。我们在命令行输入:

npm install -g webpack

当执行该操作后,便在C:\Users\你的用户名\AppData\Roaming\npm\node_modules创建了webpack文件夹,里面存储了刚刚全局安装的webpack模块。

二. 创建项目

我们在合适位置新建一个文件夹,用于存放我们的项目。
命令行中定位到新建文件夹下,输入以下命令进行项目的初始化:

npm init

这里,要求设置很多选项,可以按项目情况配置也可以不填直接回车。完成后,我们发现文件夹中增加了package.json文件,它用于保存关于项目的信息。

三.安装webpack-cli

我们在项目中本地安装webpack-cli:

npm install webpack-cli -D

这里-D参数和–save-dev的作用相同,只是一种简写而已。这里安装完成后,显示webpack-cli版本

四.在项目目录下要本地安装webpack

npm install webpack -D 

五.手动新建文件夹作为配置文件

名字为:webpack.config.js
请我吃辣条吧~~
-------------本文结束感谢您的阅读-------------