Webpack 的安装与使用

[zlluGitHub]

安装 node.js npm

安装 webpack

• 在项目目录下初始化 npm 使其生成package.json文件。

  执行命令 npm init -y

• 由于 npm 安装速度慢，使用淘宝的镜像及其命令 cnpm。

• 使用 cnpm 安装 webpack：

  执行命令 cnpm install webpack --save-dev 其中-g代表全局安装。

• 使用快捷方式编译

  "scripts": {"build": "webpack"}

  npm run build

  npm run列出说有的命令

• 配置WDS进行浏览器自动刷新

  安装webpack-dev-server 执行命令：npm install webpack-dev-server --save-dev

• 入门Webpack，看这篇就够了

webpack 安装过程中的那些错误

第一步：如果有安装报错，最好先卸载 而且最好全局和文件夹内都卸载一遍

npm uninstall webpack -g (全局卸载)

第二步：全局安装 cnpm install -g webpack@1.13.2(经过测试，其他版本也可以，4.0以上的我就不确定了，貌似4.0的还是测试版)

第三步：进入文件夹 （比如我的项目(pack文件夹) 在桌面 cd Desktop/pack）

第四步：局部安装 cnpm install --save-dev webpack@1.13.2

webpack -v 查看显示 1.13.2版本