webpack的安装

一、安装node.js。因为webpack依赖node.js

1.官网https://nodejs.org/en/download/下载对应你系统的Node.js版本。推荐下载LTS版本

2.按默认安装即可

3.cmd查看node.js版本

node -v

4.node.js自带npm

● cmd查看npm版本

npm -v

● 查看npm配置信息。如下载的js包存放位置

npm config ls

● 更改下载的包的存放位置

1)在某一目录下建npm_modules和npm_cache目录。建议在node.js的安装目录下建

2)更改存放位置

npm config set prefix "E:\nodejs\npm_modules"
npm config set cache "E:\nodejs\npm_cache"

● 安装cnpm（可选）。安装后可使用国内镜像仓库

npm install -g cnpm --registry=https://registry.npm.taobao.org

● 查看cnpm版本

cnpm -v

● 查看cnpm当前使用镜像

nrm ls

● 更改当前镜像

nrm use XXX（如：taobao）

● 如果没有nrm需要安装

cnpm install -g nrm

二、安装webpack

1.webpack安装分为本地安装和全局安装，安装建议带上版本：

● 本地安装：因为项目和项目所用的webpack的版本不一样。本地安装会将webpack的js包下载到项目下的npm_modeuls目录下，仅对当前项目有效。

1)在门户目录下创建webpack测试目录webpacktest01

2)执行安装

npm（或cnpm） install --save-dev webpack@3.6.0
npm install --save-dev webpack-cli (4.0以后的版本需要安装webpack-cli)

● 全局安装：全局安装会将webpack的js包下载到npm的包路径下，对所有项目有效，会锁定一个webpack版本，该版本可能不适用某个项目。需要添加 -g 参数。

npm（或cnpm） install webpack -gnpm（或cnpm） install webpack-cli -g

2.添加环境变量

转载于:https://www.cnblogs.com/naixin007/p/10490291.html

webpack的安装相关推荐

webpack的安装和使用
Webpack是什么首先可以看下官方文档 ,文档是最好的老师. Webpack是由Tobias Koppers开发的一个开源前端模块构建工具.它的基本功能是将以模块格式书写的多个JavaScrip ...
webpack指南-webpack入门-webpack的安装
https://webpack.js.org/guides/installation/ 安装前提要求开始之前,确保安装了最新的Node.js.推荐安装目前的LTS版本.由于可能缺失webpack以 ...
六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离
一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...
WebPack的安装及使用
学习目标: WebPack的安装及使用学习内容: WebPack的使用学习时间: 学习产出: WebPack 1.介绍 WebPack是一款模块加载打包工具,它能把各种资源,如JS.JSX.ES6 ...
webPack之安装配置教程
流程 webpack安装 Step 1: 首先安装Node.js, 可以去Node.js官网下载. Step 2: 在Git或者cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中 ...
Webpack4 学习笔记 - 01：webpack的安装和简单配置
安装 webpack 新建一个Demo文件夹,执行初始化: npm init 在Demo文件夹里安装 webpack 和 webpack-cli : npm install webpack webpa ...
webpack 环境安装
2019独角兽企业重金招聘Python工程师标准>>> 1.首先要安装 Node.js, Node.js 自带了软件包管理器 npm,Webpack 需要Node.js v0.6 以 ...
webpack的安装及使用webpack打包js、css文件
目录 webpack介绍前端模块化和打包概念介绍 webpack和grunt/gulp的对比 webpack和nodejs的关系 webpack安装 webpack使用示例环境搭建使用webpa ...
【WebPack】WebPack的安装、使用WebPack打包 js/css/img 等文件
目录 webpack和node和npm的关系 npm install webpack -g -g是全局的意思项目中一般有两个文件夹: src,dist(distribution) WebPack的使 ...
npm 安装less插件_node+npm+webpack+less安装
本节主要内容:什么是LESS 为什么选择LESS 安装webpack编译环境什么是Less LESS是前端css样式预处理器中的一种,和它相同类型的语言还有Sass以及Stylus.它是css语言的 ...

webpack的安装

webpack的安装相关推荐

最新文章

热门文章