webpack配置流程

 1、初始化项目
        npm init -y

2、安装webpack
    cnpm install webpack webpack-cli -D

3、创建src文件夹  创建dist文件夹

4、创建webpack.config.js文件

5、在src中创建入口文件 main.js

6、初始打包
    npx webpack

7、安装解析JS的babel文件
    cnpm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react

8、安装解析CSS的loader文件
     cnpm install --save-dev style-loader css-loader  sass-loader node-sass

9、安装html插件
    cnpm install -D html-webpack-plugin

10、安装处理图片的loader
    cnpm install url-loader file-loader -D


11 、安装处理vue的文件loader
    cnpm install -D vue-loader vue-template-compiler

12、安装vue.js

    cnpm install vue -S


13、安装服务器环境
    cnpm install webpack-dev-server -D