【VUE】前端工程化与前端工程化与webpack

前端工程化与webpack 1. 前端工程化2. webpack的基本使用2.1 创建列表隔行变色项目

1. 前端工程化 2. webpack的基本使用 2.1 创建列表隔行变色项目

初始化项目 ① 新建项目空白目录，并运行 npm init –y 命令，初始化包管理配置文件 package.json ② 新建 src 源代码目录 ③ 新建 src -> index.html 首页和 src -> index.js 脚本文件 ④ 初始化首页基本的结构 ⑤ 运行 npm install jquery –S 命令，安装 jQuery ⑥ 通过 ES6 模块化的方式导入 jQuery，实现列表隔行变色效果

(base) ➜ webpack npm init -y Wrote to /Users/fanzhen/Documents/vue2/webpack/package.json: { "name": "webpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC" } ╭────────────────────────────────────────────────────────────────╮ │ │ │ New major version of npm available! 6.14.16 → 11.0.0 │ │ Changelog: github /npm/cli/releases/tag/v11.0.0 │ │ Run npm install -g npm to update! │ │ │ ╰────────────────────────────────────────────────────────────────╯ 在这里插入代码片