webpack-study

• webpack:前端构建工具，基于Node.js开发的

webpack 的两种安装方式

• 运行npm i webpack -g全局安装，这样就能在全局使用webpack的 命令(一般装一次就行)
• 在项目根目录中运行npm i webpack --save-dev安装到项目依赖

webpack 的基本使用

• 1、用 npm 的包管理工具管理起来 npm init初始化项目，使用npm管理项目中依赖包
• 2、创建项目的目录结构
• 3、使用npm i jquery --save安装jquery 类库
• 4、创建main.js并书写隔行变色的代码逻辑

安装webpack-dev-server 进行自动打包

• cnpm i webpack-dev-server -D
• 本地webpack cnpm i webpack -D

报错及解决方法

• 1、问题: 在用vue写前端时，遇到警告[const is available in ES6]
• 解决：在报错文件头部加上/*jshint esversion:6*/