zoukankan      html  css  js  c++  java
  • 打包HTML文件基础之webpack配置

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

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

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

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

    二 、配置环境

    1.配置文件夹

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

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

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

    存放C:Program Files odejs ode_global

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

    npm config set cache  "C:Program Files odejs ode_cache"

    回车

    输入:
    npm config set prefix "C:Program Files odejs ode_global"  回车

    2.安装webpack

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

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

    npm install webpack -g

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

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

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

    环境变量配置

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

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

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

    PATH和NODE_PATH全部设置为:C:Program Files odejs ode_global。

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

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

    webpack打包HTML、JS、CSS

    https://www.cnblogs.com/luojianjian/p/8053113.html

  • 相关阅读:
    sql中压缩日志文件和ntextl转化为varchar的处理
    一个生成验证字符或数字的增强类(downmoon)(基于.net1.1)及调用示例
    web程序中获取应用程序系统变量的方法( For.net 1.1)
    ASP.NET 中的正则表达式MSDN(2)
    让sourceSafe每天自动备份及修复(适用于vss6.0和vss2005)
    用SQL语句修改字段的默认值
    关于.net2.0中Webconfig中连接串的加密
    软件工厂简介自MSDN
    获取SqlServer 2000中字段的备注信息
    使用.NET 向浏览器写入二进制文件
  • 原文地址:https://www.cnblogs.com/zhouy-77253569/p/9486501.html
Copyright © 2011-2022 走看看