webpack搭建环境步骤

一.初始化

1.创建文件夹

2.npm init  -y

二.安装webpack 和webpack-cli

1.yarn add webpack [email protected] -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-基础知识

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

时间: 2024-09-29 11:54:37

webpack搭建环境步骤的相关文章

TypeScript(二)使用Webpack搭建环境

学习任何的开发,我们都需要对应的环境:包括TypeScript的编译环境和开发工具.这个章节里面,我们就来完成它们的搭建,后续就可以愉快的来写TypeScript代码了. 一. 环境搭建1.1. TypeScript环境安装已经配置好的环境,大家可以直接下载:https://github.com/coderwhy/HYLearnTS.git在上一个章节中我们说过,TypeScript最终会被编译成JavaScript代码:Image01TypeScript运行流程那么我们必然需要对应的编译环境:

vue+node+webpack搭建环境

一.环境搭建 1.1.去官网安装node.js( http://www.runoob.com/nodejs/nodejs-install-setup.html  ) 注意node的版本,只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错.推荐最新版本. 下载安装包之后直接点击安装即可.测试安装成功的界面如下: 1.2.利用npm安装webpack 命令行语句为npm install webpack -g  .测试安装成功的界面如下: 1.3.下面就是安装淘宝镜

使用Webpack搭建React开发环境

1. 安装Node.js Webpack实际是用Node.js写的,所以要先安装Node.js环境.而且Node.js中集成了NPM包管理,我们在后面用到的很多模块都需要使用NPM下载. 首先进入Node.js的官网,选择对应系统下载安装包,对于 windows 用户,直接下载安装包安装即可,如果是 Macos 用户,推荐使用 brew 进行安装.Node.js有很多版本,包括稳定版和开发版,不同的项目需要的Node.js版本不同,推荐大家安装 8.x 以上的版本. 2. 安装Webpack 在

Dcos环境步骤搭建

Dcos环境步骤搭建 1.DCOS介绍 ·        DC/OS(DataCenter Operating System)是以Apache Mesos 为分布式系统内核的分布式数据中心操作系统 ·        DC/OS可以使企业像使用一台主机一样使用分布式数据中心的多个集群资源,进行弹性地扩容与缩容 ·        DC/OS实现资源自动化管理.进程调度.方便内部进程通讯.简化分布式服务的安装和管理 ·        DC/OS提供网页界面和 CLI ,方便对集群和其中的服务进行远程地

Android环境搭建的步骤

Android 环境搭建步骤 这里简单介绍一下学习Android之后如何搭建环境的问题 一.    在搭建环境之前,首先你要先下载Java JDK(根据系统位数选择下载是64位或32位的),Eclipse,Android,ADT插件,然后把JavaJDK的系统环境搭建好(这些下载地址网上有,可以自己去找). 二.    在系统上配置JavaJDK的系统变量 首先我们需要设置JDK的两个系统变量,分别为JAVA_HOME,Path两个.(这个两个变量怎么设置,网上也有,在这就不再赘述) 三.   

Microsoft Dynamics CRM 2011 面向Internet部署 (IFD) ADFS虚拟机环境搭建的步骤(CRM与ADFS装在同一台服务器上) 摘自网络

1: 安装windows server 2008 R2 中文版 (过程略) 安装完成后设置机器名和IP地址, 本过程机器名 crm5dev,192.168.0.110 dns: 192.168.0.110(本机) Administrator/[email protected] 2: 通过服务器管理器添加域服务,配置域服务器域名为crm5.lab. 注意:使用高级模式安装. 说明:服务器是windows server 2003 那么就选windows server 2003 服务器是windows

webpack+react搭建环境

近日自己项目遇到需要用webpack搭建react环境,查了挺多 ,自己总结一下 1.下载安装最新版node.js(https://nodejs.org/en/) 2.主要看自己网络情况,可以选择安装淘宝镜像去搭建环境 npm config set registry http://registry.npm.taobao.org/ 3.通过npm/cnpm全局安装webpack, Babel, Webpack-dev-server: npm install babel webpack webpac

Linux环境下HDFS集群环境搭建关键步骤

Linux环境下HDFS集群环境搭建关键步骤记录. 介质版本:hadoop-2.7.3.tar.gz 节点数量:3节点. 一.下载安装介质 官网下载地址:http://hadoop.apache.org/releases.html 二.服务器规划 MASTER:NAMENODE, DATANODENODE1:DATANODENODE2:SECONDARY NAMENODE, DATANODE 三.配置hostname和hosts 192.168.13.4 master192.168.13.5 n

Linux环境下SolrCloud集群环境搭建关键步骤

Linux环境下SolrCloud集群环境搭建关键步骤. 前提条件:已经完成ZooKeeper集群环境搭建. 一.下载介质 官网下载地址:http://www.apache.org/dyn/closer.lua/lucene/solr/7.3.1 历史版本下载:http://archive.apache.org/dist/lucene/solr/ 二.上传介质 通过工具将下载好的安装介质上传至服务器目录. 三.解压安装 解压即可完成安装. unzip solr-5.5.5.zip 四.修改配置文