You don't have javascript enabled. Good luck! :(

欢迎页

Welcome to Ganace's Blog


欢迎您来到Ganace 的个人博客。

在茫茫互联网的海洋里能够遇见,实在是一份不小的幸运。

诚挚地向您问候一声:您好,朋友!

这里是属于Ganace个人的隐秘小空间,记录了工作学习中遇到的知识点与灵感,以及生活中的碎碎念与吐槽突如其来的中二病尬尬的文艺时间锻炼腹肌的时刻惊喜的小发现等等。

想要在自己的平淡无奇的人生长河中留下些什么,

或者只是为了拯救老人家岌岌可危的记忆力,

仅此而已。

来到此地,分享与你。

也期待与您的再次相遇!

Share with Me


有任何的分享或者建议与吐槽,都可以Email我:ganace@foxmail.com

欢迎您的来信!

【webpack】安装Node.js和webpack

  Jul 13, 2020     Ganace     Front-end-Foundation

webpack

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。本文介绍了如何安装Node.js和webpack。

Webpack需要利用NPM来安装,NPM是随同NodeJS一起安装的包管理工具。Node.js 就是运行在服务端的 JavaScript。

1.安装Node.js


1.下载安装包

node.js安装包和源码下载地址https://nodejs.org/en/download/,因为我的系统是windows是64位操作系统,所以选择64-bit版本。

Node.js安装

2.安装过程

双击安装包

run->Next

同意协议->Next

修改安装目录->Next

从树形图标选择需要的安装模式,可以默认选择或者Online……->Next

Install->Finish

3.环境变量配置

检查path环境变量是否配置了Node.js,打开cmd.exe,输入path回车,查看path列表中是否包含nodejs的安装地址D:\nodejs\,如果没有的话需要配置。(计算机右键-属性-高级系统设置-环境变量,选择path编辑,在最后添加;D:\nodejs\,确定)

4.查看版本号

查看Node.js版本node -v,能够看到版本号说明安装配置成功。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。npm -v能够查看npm的版本。

5.npm相关命令

  • npm install <Module Name>使用 npm 命令安装模块。安装好之后,<Module Name> 模块就放在了工程目录下的 node_modules 目录中,var express = require('<Module Name>');引入安装模块。

  • npm install <Module Name>使用 npm 命令安装模块在本地。(本地安装)

  • npm install <Module Name> -g使用 npm 命令安装模块在本地。(全局安装)

  • npm uninstall <Module Name>卸载模块


安装webpack


1.安装webpack

npm install webpack -g全局安装

2.安装webpack-cli

npm install webpack webpack-cli -g全局安装

webpack 4.X 开始,webpack本身和它的CLI不在在同一个包了,所以还需要安装webpack-cli。如果安装webpack3则不需要再安装webpack-cli,webpack-cli本身已经集成在webpack3中。

3.查看版本

webpack -v