04-webpack的学习

webpack的学习

前言：在使用webpack时必须先安装node.js和npm

1.webpack的安装

在命令行中执行命令

npm intall -g webpack webpack-cli

-g是表示全局安装

全局安装完成之后使用命令

npm init

这样在目录文件夹中会自动生成一个package.json文件
在安装过程中会显示一写文件询问框，那些不用管 ，一直默认下去就行，当达到这个页面时，则表示建立成功

2.新建文件夹

这里webpakc的入口默认为 src 下的index.js，出口默认为 ./dist
接下来你可以下项目下新建 文件夹 src 其下面并创建index.js;还有文件夹dist； 你也可通过在命令行执行命令

1.使用命令模式新建文件夹

mkdir src

mkdir dist

新建完成src ,dist两个文件夹的建立
这个时候再在src文件夹中建立index.js文件

这个时候我们可以使用编辑器工具来帮助建立