bnc-gulp-multiple-page

gulp多页面任务生成器

Usage no npm install needed!

<script type="module">
  import bncGulpMultiplePage from 'https://cdn.skypack.dev/bnc-gulp-multiple-page';
</script>

README

gulp 多页面开发工具动态任务构造器

发布/更新包流程

  1. 安装依赖包
   npm i
  1. 输出新的 lib 文件.
   npm run build
  1. 登录包管理账号(账号,密码,邮箱)
   npm login

   Username: xxxx
   Password: xxxx
   Email: xxxx
  1. 发布包, 上传到 npm 服务器
   npm publish

  1. 更新包只需要修改 package.json 版本号 再次重复 步骤4发布即可

  2. 强制删除当前包

   npm publish --force
  1. 删除指定版本包
   npm unpublish xxx@1.0.0

bnc-gulp-multiple-page 版本功能描述

  • 1.0.0 初版支持 vue 组件和路由的编写方式

  • 1.0.1 新增功能 母版中能够使用 baseurl.config.js 中的变量

  • 1.0.2 新增功能：增加标识版本的变量 devVersion。其值为编译时的 yyyyMMddHHmm。
    作用：在母版中定一个 js 变量，在核心库 appmain.js 中定义 require 访问 js 的版本号。
    母版：

      <script type="text/javascript">var bncDevVersion="{{devVersion}}"</script>

    核心库 appmain.js

    require.config({
    urlArgs: "v=" + (window["bncDevVersion"] ? window.bncDevVersion : "20210412"),
});

  • 1.0.3 新增功能：把母版对应的配置文件增加版本号后缀

  • 1.3.1 调整小版本号； 微调 1.0.3：不用对相对路径的配置文件加版本号后缀。

  • 1.3.7 增加 buble 插件编译 vue 文件。

  • 1.4.0 babel 编译囊括 vue 文件,prod 环境采用 corejs3 编译 js 内置 es6 语法。 buble 编译只是为了保证编译后的文件不再出现 let/const/箭头函数等。

  • 1.4.1 增加 isUseCorejs3 参数,判断是否需要 corejs3 进行编译

脚手架配置选项

  • cdnurl 配置资源中默认 cdnurl 路径
  • env 配置开发环境，默认为 dev,可配置选项 prod,dev
  • port 启动 server 端口号
  • suffix 其他资源后缀名
  • contextpath 上下文路径

脚手架使用方法

const gmp = require("bnc-gulp-multiple-page");
//构建任务
const devtask = gmpgulp.buildBncTask();
//加入gulp任务对象
task("dev", devtask);