window下安装webpack以及webpack-dev-server使用

前言

条条大道通罗马,这是我的安装和使用方式。很多博客写的又是介绍又是这那的,巴拉巴拉一大堆,我就是想先安装它,安装都不成功,谈何使用?不废话直接介绍安装过程。补一条阮一峰老师的demo地址: https://github.com/ruanyf/webpack-demos#demo01-entry-file-source 补一条好的前端博客网址:http://www.css88.com/

准备工作

1)安装node.js 链接: https://pan.baidu.com/s/1k92tNm5I3s_gzIXRCDRIFA 密码: ev2t

保持各个依赖之间版本一致尽量用我提供的版本下载

2)安装git window版链接: https://pan.baidu.com/s/1bNCduQ3OqEgybLAInDmuHw 密码: k8q6

备注:第二步安装git对我来说只是想在windows下用linux命令而已。用其中的git-bash功能。

安装

新建一个前端项目的文件夹 cd进去执行npm init//初始化

npm uninstall webpack -g （全局卸载,防止之前有安装错误）

npm install -g cnpm --registry=https://registry.npm.taobao.org（安装了淘宝npm镜像增加下载速度这一步可省略用淘宝npm后反而安装失败暂时没找到原因先跳过）

npm install -g webpack@1.15.0(全局安装 )

npm install --save-dev webpack@1.15.0(cd到你的项目里面,局部安装 )

npm install webpack-dev-server@1.16.5 -g

npm install webpack-dev-server@1.16.5 --save-dev

补充:到阮一峰老师上下载一个demo下来

webpack -v 查看显示 1.15.0版本

webpack-dev-server --inline --port 8088//执行命令

http://127.0.0.1:8088/ 浏览器输入进去

改成888888

浏览器不需要刷新自动变了大大提高开发效率

webpack 支持自定义命令可以在package.json中将上面冗长命令放进去然后npm start直接启动即可。

验证

在项目目录创建两个文件其中index.js引用cats.js

git-bash下输入 webpack ./src/page/index/index.js ./dist/app.js

打包成功

window下安装webpack以及webpack-dev-server使用相关推荐

window下安装Memcache
说来惭愧,从事PHP已经1年多了,但是很多PHP相关的知识都不知道. 前一阵子看到网上流传了很久的面试题,才了解到原来还有memcache这么个东西-_-. memcache 具体是什么Google一 ...
nodejs window下安装与配置淘宝镜像
nodejs window下安装与配置淘宝镜像 1,前往nodejs官网下载安装软件,地址:https://nodejs.org/en/ 2,点击下一步继续安装,安装完成,在命令输入:node -v, ...
window下安装tensorflow问题
1.在window下安装tensorflow遇到了进程无法访问的问题 Could not install packages due to an EnvironmentError: [WinError ...
修改informix服务器端密码,window下安装informix
<window下安装informix>由会员分享,可在线阅读,更多相关<window下安装informix(2页珍藏版)>请在人人文库网上搜索. 1.在窗口下安装informi ...
【BigData】Scala语言的简要介绍以及在window下安装Scala
Spark是专为大规模数据处理而设计的快速通用的计算引擎,它是用Scala语言开发实现的.大数据技术本身就是数据计算的技术,而Scala既有面向对象组织项目工程的能力,又具备计算数据的功能,同时与Sp ...
window下安装pytorch(不用下载cuda和cudnn)(用清华镜像)
window下安装pytorch 前言: 最近换了一台笔记本电脑(3060显卡),单单为了配这个pytorch环境就花了1天时间(即使我以前配过).所以,现在想要记录一些细节防止忘记. 1.anaco ...
Windows下安装 msysGit 以及初始化 Git server环境
Windows下git工具msysGit使用以及Git server初始化 Windows下git工具,这里选择msysGit,版本为msysGit-netinstall-1.8.1.2-previe ...
window下安装wamp环境
Wamp就是Windos Apache Mysql PHP集成安装环境,即在window下的apache.php和mysql的服务器软件.其中php环境配置是至关重要的一部分,本文就针对php在本地的 ...
window下安装nvm、node.js、npm的步骤
1.下载nvm(nodejs版本管理工具) https://github.com/coreybutler/nvm-windows/releases 下载nvm-noinstall.zip,解压即可使用 ...
Window下安装Rabitmq的插件以及激活
(1)激活rabbitmq插件进入rabbitmq的安装目录/sbin,cmd进入输入激活命令如激活rabbitmq_shovel_management(该插件必须已经在plugin目录下已存在) ...

window下安装webpack以及webpack-dev-server使用

window下安装webpack以及webpack-dev-server使用相关推荐

最新文章

热门文章