Home - PatternDirClean/PDWebpack GitHub Wiki

Icon

这里可以让你快速开始框架的使用

以下的操作均在 PDWbpack 文件夹下

配置全局路径常量

在 /cofig/pathConf.js 中修改

变量均可修改，可自行添加定义路径常量，可在配置中压缩传入的路径参数

也可以不使用其中的变量，传入完整的路径，建议使用，可减少代码量增加可读性

定义路径常量

在代码文件中写入

// js 文件夹
global.JsPath = Root + 'js/';

使用路径常量

在配置文件中使用

// 不使用变量
Out: {
    urlOf: 'F:/Code/web/PDWebapck/js/'
}

// 使用变量
Out: {
    urlOf: JsPath
}

RootPath 常量不建议修改

修改框架配置

在 /cofig/conf.js 中修改

快速使用可不修改，或仅修改 devtool 部分

简易加载

此处代码写入 /run.js

使用框架的加载对象 confload 载入并配置模块和页面，并将其联系起来

// 初始化运行，即指定第一个使用的模块，默认为 undefined 直接 then 会报错
confload.runOf('ModeLoad', (modeload) => {

    // 公共模块，全部页面都会加入该类型的模块
    modeload.publicMode('app', JsPath + 'app.js', "defer");

    // 私有模块，该类型的模块需要在添加页面的时候声明才能使用
    modeload.addMode('index', JsPath + 'index.js', "defer");
    modeload.addMode('main', JsPath + 'main.js', "defer");

    // 下一个要用的模块
    return 'PageLoad';
}).then((pageLoad) => {

    // 添加页面，并附上对应的模块
    pageLoad.addPage('index', SourcePath + 'index.html',['index']);
    pageLoad.addPage('main', SourcePath + 'main.html', ['main']);

    // 不返回即继续使用该模块
});
/* 上面的操作传入的参数均为 [输出的名称，路径，附加选项] */

run.js 说明

源码的查看顺序：

  • 配置文件，启动框架并连接用户代码
    /webpack.conf.js
  • 加载顺序表
    /PDWebpack/load/load.js
  • 导入外置依赖
    /PDWebpack/load/requireLib.js
  • 路径常量
    /PDWebpack/config/pathConf.js
  • webpack 配置模版
    /PDWebpack/config/webpack/conf.js
  • 框架配置转 webpack 配置工具
    /PDWebpack/lib/confToWebpack.js
  • 框架配置文件
    /PDWebpack/config/conf.js
  • 框架模块加载工具
    /PDWebpack/lib/confload/ConfigLoad.js
  • 框架模块
    /PDWebpack/lib/confload/INCL.js
  • webpack 模块配置
    /PDWebpack/config/plugins/pluginsload.js
⚠️ **GitHub.com Fallback** ⚠️