1. 安装NodeJs，检测node.js是否安装成功

查看node版本

> node -v

查看npm版本

> npm -v

3. npm 安装 webpack

采用全局安装，然后等待webpack安装。

>  npm install webpack -g

> webpack  -version

安装 webpack-cli

> npm i -g webpack-cli

查看webpack版本，全局安装就完成

> webpack  -version

4. webpack应用

找到你的项目文件夹，win7下 shift+右键，在命令行中打开，win10还需要在Powershell中

输入 start cmd 回车，此时的目录就是当前目录

npm 初始化

> npm  init

然后一直执行回车操作，有如下内容：

此时test文件夹中多了一个package.json文件，内容如下：

局部安装 webpack

> npm install webpack --save-dev

--save-dev：表示开发环境的依赖

安装完毕之后，就会发现在项目文件夹下多了一个node_modules文件夹，

此时我们的项目目录的webpack就安装成功了，目录结构入下图所示：

npm 安装 webpack相关推荐

npm安装webpack时,报错npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed.
npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed. You must install pe ...
构建vue-cli npm安装webpack报错原因 error -4075解决办法
在构建vue-cli脚手架的时候,虽说vue-cli内部自带webpack ,但是最好手动安装webpack,无奈npm install webpack -g 的时候总是报错误:错误内容如下: $ n ...
npm全局安装_安装webpack
安装Webpack前的准备工作: 1. 由于 webpack 执行打包压缩时依赖 nodeJS,先确保你的系统安装了nodeJS 5.0.0 及以上的版本. 2. 因为 npm 是 nodeJS 平台 ...
node 安装 webpack
首先要安装 Node.js, Node.js 自带了软件包管理器 npm,Webpack 需要 Node.js v0.6 以上支持,建议使用最新版 Node.js. 用 npm 安装 Webpack: ...
Mac系统下安装webpack,cnpm,vue-cli
Mac自带安装了npm node,无需自己安装,如果你的Mac没有安装node,可以去node官网下载,下载链接为: node下载地址安装过程很简单,安装完之后查看版本 node -v[查看node ...
安装webpack、使用webpack打包详细案例教程
使用webpack打包详细案例教程首先安装node环境,使用node中的工具npm安装webpack node.js 下载地址:http://nodejs.cn/download/ node.js安 ...
vue webpak版本查看_vue 安装webpack
webpack安装由于 webpack 执行打包压缩时依赖 nodeJS,所以在安装 webpack 之前先安装一下 nodeJS. 因为 npm 是 nodeJS 平台默认的包管理工具,这里用 n ...
安装 Webpack
安装Webpack前需要做的准备工作: 由于 webpack 执行打包压缩时依赖 nodeJS,先确保你的系统安装了nodeJS 5.0.0 及以上的版本. 因为 npm 是 nodeJS 平台默认的 ...
npm安装教程集成npm webpack vue-cli
一.使用之前,我们先来掌握3个东西是用来干什么的. npm: Nodejs下的包管理器. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资 ...

npm 安装 webpack

1. 安装NodeJs，检测node.js是否安装成功

查看node版本

查看npm版本

3. npm 安装 webpack

采用全局安装，然后等待webpack安装。

安装 webpack-cli

查看webpack版本，全局安装就完成

4. webpack应用

找到你的项目文件夹，win7下 shift+右键，在命令行中打开，win10还需要在Powershell中

输入 start cmd 回车，此时的目录就是当前目录

npm 初始化

然后一直执行回车操作，有如下内容：

此时test文件夹中多了一个package.json文件，内容如下：

局部安装 webpack

--save-dev：表示开发环境的依赖

安装完毕之后，就会发现在项目文件夹下多了一个node_modules文件夹，

此时我们的项目目录的webpack就安装成功了，目录结构入下图所示：

npm 安装 webpack相关推荐

最新文章

热门文章