"使用Webpack和VueCLI1搭建自动编译本地服务器"

本文主要介绍了使用webpack进行开发时，如何搭建本地服务器和使用VueCLI1进行开发的相关知识。文中先介绍了webpack-dev-server的安装和配置，能够自动编译和展示文件变化，提高开发效率。然后介绍了为什么要搭建本地服务器，通过watch模式实现自动编译。最后详细介绍了开启watch模式的两种方式，并选择了方式二，即在启动webpack的命令中添加--watch的标识。 首先，为了能够自动编译和展示文件变化，我们需要安装webpack-dev-server。在安装完成后，需要修改配置文件，告知dev server从哪里查找文件。webpack-dev-server在编译之前会读取配置文件，根据配置的入口文件和出口文件的路径进行编译和展示。这样我们就能够通过浏览器实时查看代码的效果，而不需要手动运行npm run build指令。 接着，我们介绍了为什么需要搭建本地服务器。使用watch模式可以实现当文件发生变化时，自动编译和展示，避免了频繁运行npm run build指令的操作，提高了开发效率。通过watch模式，webpack会监测依赖图中的所有文件，一旦有文件发生更新，代码就会被重新编译。这样我们可以实时查看代码的变化，并及时发现和修复问题。 最后，我们详细介绍了开启watch模式的两种方式。第一种方式是在配置文件中添加watch: true的配置项，通过设置watch为true来开启watch模式。第二种方式是在启动webpack的命令中添加--watch的标识，通过在命令行中加上--watch参数来开启watch模式。文中选择了第二种方式作为示例，并给出了具体的命令。通过这种方式，我们可以方便地启动watch模式，实现自动编译和展示。 总之，本文详细介绍了使用webpack-dev-server和VueCLI1进行开发时搭建本地服务器的相关知识。通过搭建本地服务器和开启watch模式，我们可以实现文件的自动编译和展示，提高开发效率。不再需要频繁地运行npm run build指令，可以及时发现和修复问题，更加高效地进行开发工作。