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    //在package.json中修改为：'dev':'webpack-dev-server'