Vue.js前端开发技术第10章 使用webpack.pptxVIP

第10章 使用webpack;课程目标; 课程内容; ; ; ;7; 最后本地局部安装 webpack-dev-server。 在控制台输入命令，开始安装如图 10-6 所示。 ;安装完成后在 package.json 文件中增加 webpack-dev-server 的配置信息，这里安装的是 3.1.8， 如图 10-7 所示。 至此已经成功安装的 webpack，可以开始使用 webpack。 ;10;再 次 运 行 命 令 npm run dev 时 ， 就 会 执 行 webpack-dev-server --open --config webpack.config.js 命令。 在使用 webpack 中，有两个重要的概念。webpack 中最重要的两项入口（Entry）和出口??Output）。 ;入口和出口;最后在 webpack_project 目录下创建 index.html 入口。 ;在控制台输入 npm run dev，如图 10-8 所示。 项目启动成功后自动打开浏览器，显示如下内容，如图 10-9 所示。;这时在 webpack_project 目录下，打开 main.js 修改文件内容： 保存后不需要刷新页面，内容自动更新，如图 10-10 所示，这就是 webpack-dev-server 的热更新功能。;1