webpack打包教程

webpack打包教程

基础教程

首先要保证装了nodejs和npm

第一步：创建文件夹，命名为finance-scopa

第二步：win+R，输入cmd，进入命令行窗口，

第三步：进入finance-scopa的文件目录下，首先输入d:进入D盘；再输入cd finance-scopa进入finance-scopa

第四步：npm init，初始化项目，finance-scopa文件夹下会出现一个package.json文件

第五步：安装webpack4和webpack-cli

命令行输入npm install webpack --save-dev和npm install webpack-cli --save-dev
安装完成后finance-scopa文件夹目录结构如下：

第六步：demo文件夹下新建文件index.html和webpack.config.js(webpack配置文件),以及新建文件夹src和app,如下：
第七步：webpack.config.js输入如下：