webpack的概述
webpack
是一个流行的前端项目构建工具(打包工具),可以解决当前web开发中所面临的困境。
提供了良好的模块化支持,以及代码压缩混淆,处理js兼容问题,性能优化,提高开发效率和项目的可维护性
webpack的基本使用(创建列表隔行变色项目为例)
-
新建项目文件夹,(项目名称不能为
webpack
,且不能含有大写字母!!!!),例如mybackpage
-
在项目空白目录下,运行
npm init -y
命令,初始化包管理配置文件package.json
空目录下新添加了package.json
文件
-
在项目目录下,新建
src
源代码目录
-
在文件夹
src
下,新建index.html
首页
-
初始化首页基本的结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
&