继续Vue的探索

接上集

上次到了想要利用Vue实现隔行变色的请求，但是由于使用的代码过于“高级”导致无法识别，这就需要利用webpack来解决它！

webpack的基本使用

1、首先，在项目中安装webpack

在终端运行这样的命令：

npm install webpack@5.42.1 webpack-cli@4.7.2 -D

在package.json的文件里面，会多出一些东西：

-S是--save的简写

-D是--save--dev的简写

2、在项目中配置webpack

1、在项目的根目录下，新建一个名为webpack.config.js的文件：点击空白区域，然后再点击新建即可：

并在该文件中增加如下配置：

2、在package.json的scripts的节点下，新增dev脚本

3、在终端里面运行该命令：npm run dev 命令，启动webpack进行项目的打包构建