码迷,mamicode.com
首页 > Web开发 > 详细

webpack搭建环境步骤

时间:2020-02-12 11:01:52      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:指定   初始   bsp   ini   ase   基础   安装   yarn   webpack   

一.初始化

   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-基础知识

 

webpack搭建环境步骤

标签:指定   初始   bsp   ini   ase   基础   安装   yarn   webpack   

原文地址:https://www.cnblogs.com/liuXiaoDi/p/12297977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!