This repository was archived by the owner on Apr 2, 2025. It is now read-only.
Home
这里可以让你快速开始框架的使用
该框架使用 globby 自动扫描按指定格式存放的源代码文件。扫描后自动载入到 Webpack 的打包配置中
该框架基于 PDWebpack 制作，内部依旧使用 PDWebpack 的加载对象。
扫描后的内容注册在 框架对象 中，可进行在 run.js 中使用 框架对象 进行修改，或追加自己的加载方法。
在
run.js运行结束后会进入配置加载阶段，此阶段使用PDWebpack的配置加载对象正式载入注册在 框架对象 中的内容
src 是源码文件夹，内部已经放好了示例。
统一编译到 build 文件夹中
| 说明 | 源路径 | 编译路径 | 作用范围 |
|---|---|---|---|
| 索引页面 | src/index.html | build/index.html | 用于跳转到内容页面 |
| 网站图标 | src/static/img/favicon.png | build/favicon.png | |
| dome 页面 | src/page/dome/index.html | build/dome.html | |
| dome 页面模块 | src/page/dome/js/main.js | build/scipt/[id]p_dome[hash:8].js | 只导入到 dome 页面 |
| dome 页面样式 | src/page/dome/css/main.pcss | build/style/[id]p_dome[hash:8].css | 只导入到 dome 页面 |
| 公共样式 | src/lib/css/main.pcss & project.pcss | build/style/[id]app[hash:8].css | 导入到除索引页面以外的所有页面 |
| 外置依赖库 | src/lib/js/INCL/1_modernizr_async.js | build/style/[id]app[hash:8].css | 导入到除索引页面以外的所有页面 |
| 公共模块 | src/lib/js/main_defer.js | build/script/[id]app[hash:8].js | 导入到除索引页面以外的所有页面 |
| 字体 | src/lib/static/fonts/SourceHanSans-Light.otf | build/static/textstyle/SourceHanSans-Light.otf |
使用前需要知道设定好的扫描方式。
所有的
.js文件都支持 拓展命名，所有，包括 main.js
| 扫描目录 | 扫描内容 | 说明 |
|---|---|---|
src |
位于此目录下的 .html 文件，例如 src/index.html
|
扫描的 .html 文件会保持命名，此处的页面为索引页面，不会导入任何模块 |
src/lib/js |
位于此目录下的 .js 文件 |
扫描的.js文件会保持命名，此处扫描的模块会作为公共模块，导入到所有的内容页面中 |
src/lib/js/main.js |
必须的主要公共模块文件 | 此文件是必须的文件，因为是我说的。 |
src/lib/js/INCL |
位于此目录下以及子目录中所有的 .js 文件，例如 src/lib/js/INCL/jQuery.js 或者 src/lib/js/INCL/frame/jQuery.js
|
此处作为外置依赖库的目录，扫描的内容会优于公共模块加载。扫描的文件会保持命名，如果存放在子文件夹中。会采用 [子文件夹]_文件名 加载 |
src/page/[name] |
扫描此目录下的子目录中的 index.html 文件，例如 src/page/main/index.html
|
扫描子目录中的页面文件，采用子目录的名称命名页面，例如扫描到 page/main/inde.html 文件，加载时会命名为 main |
src/page/[name]/js |
位于此目录下的 .js 文件 |
页面的模块文件，扫描到会采用 p_[页面名称]_[文件名] 进行加载，只会导入到对应的页面 |
src/page/[name]/js/main.js |
必须的页面模块文件 | 页面的主要模块，此文件是必须的文件，我说的。扫描到会采用 p_[页面名称] 进行加载，只会导入到对应的页面 |
均输出在 build 文件夹中
- 网页图标，存放在
src/static/img/favicon.png，固定的文件，可以修改路径常年配置更换位置 - js文件，输出位置为
scirpt/*.js，输出格式看上图表格 - 样式文件，导入需要在
.js中引用。内置了.css|.pcss支持，使用了MiniCssExtractPlugin样式文件抽离模块。输出位置和格式为style/[id][name][chunkhash:8].css - 图片文件，字体文件，输出位置和格式分别为
static/pic/[name].[ext]|static/textstyle/[name].[ext]