html版本号 webpack_打包HTML文件基础之webpack配置

之前项目用的VUE脚手架创建创建并打包发布的,最近新启动的一个项目,客户对浏览器版本由要求,目前VUE对低版本浏览器支持不是特别好,

所以打算直接用HTML进行研发,涉及了wenbpack直接打包HTML文件,按章webpack时遇到了一些问题,查找了一些资料并记录下来。

一、下载安装node.js(npm)

因为之前安装过固跳过此步骤.

二 、配置环境

1.配置文件夹

控制台输入npm -v 也可以查看npm是否成功安装,安装成功后出现版本号说明nodejs.npm安装成功。

我的nodejs是默认安装路径C:\Program Files\nodejs,最开始是安装在其他盘的,但是配置的时候各种问题,后重装改为默认路径

在C:\Program Files\nodejs文件夹内新建两个文件夹用于全局存放依赖包路径,和缓存路径。缓存C:\Program Files\nodejs\node_cache

存放C:\Program Files\nodejs\node_global

文件夹创建完成后打开命令行输入如下命令 配置路径:

npm config set cache  "C:\Program Files\nodejs\node_cache"

回车

输入:

npm config set prefix "C:\Program Files\nodejs\node_global"  回车

2.安装webpack

webpack分为全局安装,与项目安装(安装在你指定的文件夹内),我这里使用的是全局安装

启动cmd,键入如下的命令:

npm install webpack -g

点击回车,会有一个进度条,等待进度条完成后,出现如下信息(具体信息可能有差别,但是只要不出现error说明安装成功):

此时,打开nodejs的路径C:\Program Files\nodejs\node_global文件夹,发现多了一些东西:

此时全局webpack已经成功安装。

环境变量配置

我的电脑——右键属性——高级系统设置——高级———环境变量

分别新建用户变量PATH和系统变量NODE_PATH

这是最重要的一点;在安装webpack后出现'webpack' 不是内部或外部命令的问题 就是此处设置不对

PATH和NODE_PATH全部设置为:C:\Program Files\nodejs\node_global。

看到网上的设置方法为  :NODE_PATH属性指向C:\Program Files\nodejs\node_global\node_modules,这样设置并不对,就会导致报不是内部命令

按照以上步骤nodejs npm webpack算是真正安装配置完,然后就可以直接使用了。

webpack打包HTML、JS、CSS

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值