webpack和nodejs的安装

本文介绍了如何安装和配置webpack及node.js。首先,webpack作为前端资源打包工具,依赖于node.js环境,允许模块化开发,编译高级js语法和CSS预编译。安装node.js时,建议遵循官方步骤,不推荐修改默认配置。为了加速npm包下载,可以切换到国内的淘宝镜像。接着,详细讲解了如何本地安装和全局安装webpack,以及如何安装指定版本的webpack,以适应不同项目需求。
摘要由CSDN通过智能技术生成

写在前面:
webpack依赖于nodejs,nodejs需要npm(相当于maven)包管理工具,国内使用npm下载包比较慢,需要下载淘宝镜像cnpm
webpack:
Webpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包。
使用webpack的好处:
1、模块化开发
程序员在开发时可以分模块创建不同的js、 css等小文件方便开发,最后使用webpack将这些小文件打包成一个文 件,减少了http的请求次数。
webpack可以实现按需打包,为了避免出现打包文件过大可以打包成多个文件。 2、 编译typescript、ES6等高级js语法
随着前端技术的强大,开发中可以使用javascript的很多高级版本,比如:typescript、ES6等,方便开发, webpack可以将打包文件转换成浏览器可识别的js语法。
3、CSS预编译
webpack允许在开发中使用Sass 和 Less等原生CSS的扩展技术,通过sass-loader、less-loader将Sass 和 Less的
语法编译成浏览器可识别的css语法。
webpack的缺点:
1、配置有些繁琐 2、文档不丰富
Node.js
webpack基于node.js运行,首先需要安装node.js。
Node.js就是一个javascript的运行环境,可以类比为jdk,它的作用就是让javascript可以咋服务器端运行

安装node.js以及相关组件

1.

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值