UMD 模組 vs CJS 模組

2022-01-12 21:01:43 字數 3218 閱讀 3600

umd, window 全域性註冊後,直接使用

預設按鈕

主要按鈕

成功按鈕

資訊按鈕

警告按鈕

危險按鈕

cjs

import vue from "vue";

import router from "./router";

import store from "./store";

import elementui from "element-ui";

import "element-ui/lib/theme-chalk/index.css";

// 全域性匯入

import xyz from "../lib/xyz.common";

import '../lib/xyz.css';

vue.use(elementui);

vue.use(xyz);

vue.config.productiontip = false;

new vue();

// vue.prototype 全域性屬性

// vue.prototype.$message = duimessage;

}// 判斷是否是直接引入檔案

if (typeof window !== 'undefined' && window.vue)

export default ;

build/bin/build-entry.js & components.json

// 全域性匯入, ??? src/index 全域性註冊入口 

-import xyz from "@xgqfrms/xyz/lib/xyz.common.js";

+import xyz from "@xgqfrms/xyz";

import '@xgqfrms/xyz/lib/lib/xyz.css';

提高易用性, 縮短匯入路徑名稱

var components = require('../../components.json');

var fs = require('fs');

var render = require('json-templater/string');

var uppercamelcase = require('uppercamelcase');

var path = require('path');

var endofline = require('os').eol;

var output_path = path.join(__dirname, '../../src/index.js');

var import_template = 'import } from \'../packages/}/index.js\';';

var install_component_template = ' }';

var main_template = `

/* automatically generated by './build/bin/build-entry.js' */

}import locale from 'element-ui/src/locale';

import collapsetransition from 'element-ui/src/transitions/collapse-transition';

const components = [

},collapsetransition

];const install = function(vue, opts = {}) );

vue.use(infinitescroll);

vue.use(loading.directive);

vue.prototype.$element = ;

vue.prototype.$loading = loading.service;

vue.prototype.$msgbox = messagebox;

vue.prototype.$alert = messagebox.alert;

vue.prototype.$confirm = messagebox.confirm;

vue.prototype.$prompt = messagebox.prompt;

vue.prototype.$notify = notification;

vue.prototype.$message = message;

};/* istanbul ignore if */

if (typeof window !== 'undefined' && window.vue)

export default }',

locale: locale.use,

i18n: locale.i18n,

install,

collapsetransition,

loading,

}};`;delete components.font;

var componentnames = object.keys(components);

var includecomponenttemplate = ;

var installtemplate = ;

var listtemplate = ;

componentnames.foreach(name => ));

if (['loading', 'messagebox', 'notification', 'message', 'infinitescroll'].indexof(componentname) === -1) ));

} if (componentname !== 'loading') listtemplate.push(` $`);

});var template = render(main_template, );

fs.writefilesync(output_path, template);

console.log('[build entry] done:', output_path);

www.cnblogs.com 發布文章使用:只允許註冊使用者才可以訪問!

任務模組 報告模組 日誌模組

需求背景 報告模組 怎麼來處理這個報告的問題,報告是非常重要的一塊,1,可以看到每一次執行的情況,多少通過了,多少失敗了 2,可以看到執行的日誌,每一步的日誌,失敗了,我要知道失敗在 了,3,每次都要有報告 業務設計 1,任務列表,任務名稱,檢視任務詳情,報告列表,執行的功能,2,任務詳情,每乙個用...

模組之shutil模組模組詳解

shutil模組是高階的 檔案 資料夾 壓縮包 處理模組 shutil.copyfileobj fsrc,fdst length 將檔案內容拷貝到另乙個檔案中 shutil.copyfile src,dst 拷貝檔案 shutil.copymode src,dst 僅拷貝許可權。內容 組 使用者均不...

常用模組 time模組,datetime模組

print time.time print type time.time 1539594222.698943 時間戳是指從1970年1月1日到現在經歷秒數,返回乙個浮點數。print time.strftime y m d h m s p 需要規定格式 y年 m月 d日 h時 m分 s 分 p上午或...