webpack搭建环境步骤

Posted 2021-03-10 笛儿前端分享

一.初始化

   1.创建文件夹

   2.npm init  -y

 

二.安装webpack 和webpack-cli

    1.yarn add webpack webpack-cli@3.3.10 -D

     (这里指定webpack-cli版本是因为,webpack-cli最新的版本是4.xx测试版,和我的webpack-dev-server发生了冲突,导致dev-sever启动不起来)

 

三.创建config文件夹做开发环境和生产环境的配置

   1.base.config.js

   2.dev.config.js

   3.pro.config.js

 

四.创建src目录以及public目录

   1.src目录创建根文件main.js

   2.public目录创建index.html做挂载点

 

五.webpack基本配置项

    参考我写的webpack-基础知识