毕业设计旅游网站源码-gitbook-webpack-for-multi-pages:如何使用webpack构建商业站点的指南

毕业设计旅游网站源码 使用 Webpack 开发多页面站点 前言 最近我厂官网改版，我尝试用 Webpack 重建了开发工具链，效果不错，配置代码少了很多，逻辑更加简单清晰。我觉得值得拿出来分享一下。 重建之前的 v1，我给同事讲解了半天，她也没搞懂；重建之后的 v2，她看了下配置文件就明白了。 Webpack 的核心是“pack”，即“打包”。打包的依据是 JS，任何在 JS 里引用的资源，都接受 webpack 的管理，会被放在合适的位置，得到合适的加载。在早期 Web 开发当中，一个组件可能同时包含 HTML + CSS + JS + 字体 + 图片 + 其它资源，全部手动管理非常费劲。各种引用，各种复制，还常常在部署的时候出问题。有了 webpack 之后简直不要太轻松，还有 webpack-dev-server 支持自动刷新，所以在新项目中我几乎都会用 webpack。 在 SPA 项目中，使用 webpack 很顺畅，但是在企业官网项目里，webpack 就显得有些鸡肋了： 企业官网重展示轻功能，没有复杂的交互，基本都是静态 HTML 很多页面，比如“关于我们”、“产品介绍