蔚来的智能展厅系统中有多个前端页面，需要进行模块化开发以提高代码的可维护性和复用性。请设计一个前端模块化开发的方案，包括目录结构、模块划分原则和代码组织方式。

答题要点

采用方案设计步骤的答题框架。关键要点有：目录结构上，可分为 `src` 存放源代码，`public` 存放静态资源。`src` 下再细分 `components` 放组件模块、`pages` 放页面模块、`utils` 放工具函数模块。模块划分原则依据功能和业务逻辑，将不同功能的代码封装成独立模块。代码组织方式使用 ES6 模块语法，通过 `import` 和 `export` 实现模块间的导入导出。同时要遵循单一职责原则，让每个模块只负责一个功能。示例话术：‘对于蔚来智能展厅系统的前端模块化开发，目录结构为 `src` 和 `public`，`src` 内细分不同文件夹。模块按功能划分，代码用 ES6 模块语法组织，遵循单一职责原则，提高代码复用性和可维护性。’