vue实战--webpack基本使用

安装webpack

• 全局安装：npm i -g webpack
  
  • 目的：在任何目录中通过CLI使用 webpack 这个命令

• 项目安装：npm i -D webpack

  • 目的：执行当前项目的构建

  安装失败：目录下存在一个以前的jQuery包
  

  安装成功

使用实例

思路

• 1 使用npm init -y 初始package.json，使用npm来管理项目中的包
  

• 2 新建 项目目录结构及index.html和main.js，实现隔行变色功能
  

main.js文件
// 通过 ES6 的 import 关键字，来导入jquery包文件
// 1 通过npm下载jquery：npm i -S jquery
// 2 下载好的包，就会被放到 node_modules 文件夹中
// 3 通过 import 导入包，将来就会自动从 node_modules 文件夹中找到这个包，并且导入
import $ from 'jquery'

// 实现隔行变色<