Webpack 安装 系统环境变量

第二章 Webpack 安装和案例

2.1全局安装

1.安装 webpack

2.如果上面安装的是 webpack v4+ 版本, 还需要安装 CLI , 才能使用 webpack 命令行

可通过 npm root -g 查看全局安装目录
3.如果安装后，命令行窗口 webpack 命令不可用，则手动配置 全局目录的 环境变量，具体见 2.2.1
2.2快速入门

VSCode 中安装插件 Node Snippets ,有代码快捷提示
2.2.1打包 JS 模块
默认情况下， 模块化 JS 浏览器不能识别，可通过 webpack 打包后让浏览器识别模块化 JS
1.全局安装 webpack@v4.35.2 与 webpack-cli@3.3.6

2.安装后查看版本号。如果有红色字提醒，没关系忽略它。

3.如果安装后，命令行窗口 webpack 命令不可用，则配置环境变量：

我的电脑 -> 右键属性 -> 高级系统设置 -> 高级 -> 环境变量 -> 系统变量 -> path ->
在末尾添加上面的路径，记得前面用 ; 分号隔开
然后再重新打开 cmd 命令行窗口，输入 即可使用。