《Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程》 和 《零基础学习 Vue3 教程 2021 年最新教程 免费视频教程》 正在更新
世界上最伟大的投资就是投资自己的教育
1. 安装 nodejs
要使用 webpack,必须确保电脑上存在着 nodejs 这个运行环境,所以,如果没有 nodejs,要先安装它。
在浏览器输入下面的网址:
界面如下:
下载安装包后,点击可执行文件,不断地按下一步,就可以安装成功。
最后打开命令行终端,输入以下命令。
$ node -v
应该会显示所安装的 nodejs 的版本,比如我的:
v7.8.0
这样就表示电脑上有 nodejs 的环境了。
2. 安装 webpack
下一步,就可以安装 webpack 了。
在命令行终端上输入以下命令:
$ npm install -g webpack
npm 是 nodejs 管理插件用的工具,install 表示安装,-g 表示全局安装,这样会把可执行文件 webpack 放到 bin 目录下,以后就可以直接运行 webpack 目录了。
我们来检测一下是否把 webpack 安装成功了。
在终端上输入以下命令:
webpack -v
输出 webpack 的版本如下:
3.6.0
值得一提的是,如果用国内的网络安装 npm 包会很慢的话,可以考虑用一下淘宝的源,具体可以看 https://npm.taobao.org/ 或 https://github.com/Pana/nrm
1FreeWebpack 3 零基础入门视频教程 #1 - 介绍
FreeWebpack 3 零基础入门视频教程 #2 - 安装
3FreeWebpack 3 零基础入门视频教程 #3 - 实现 hello world
4FreeWebpack 3 零基础入门视频教程 #4 - Webpack 的配置文件 Webpack.config.js
5FreeWebpack 3 零基础入门视频教程 #5 - 使用第一个 Webpack 插件 html-Webpack-plugin
6FreeWebpack 3 零基础入门视频教程 #6 - 使用 loader 处理 CSS 和 Sass
7FreeWebpack 3 零基础入门视频教程 #7 - 初识 Webpack-dev-server
8FreeWebpack 3 零基础入门视频教程 #8 - 用 Webpack 和 babel 配置 React 开发环境
9FreeWebpack 3 零基础入门视频教程 #9 - 用 clean-Webpack-plugin 来清除文件
10FreeWebpack 3 零基础入门视频教程 #10 - 配置多个 HTML 文件
11FreeWebpack 3 零基础入门视频教程 #11 - 如何使用 pug (jade) 作为 HTML 的模板
12FreeWebpack 3 零基础入门视频教程 #12 - 如何使用模块热替换 HMR 来处理 CSS
© 汕尾市求知科技有限公司 | 关注我们 | 专业版网站 | 在线学员:1135
粤公网安备 44152102000088号 | 粤ICP备19038915号