npm 包 ozma-tudou 使用教程

简介

ozma-tudou 是一个在前端应用中使用可以不用考虑模块化和加载器等概念的 npm 包。它可以帮助前端工程师更容易地使用各种 npm 包，便捷地搭建前端工程。

安装

你可以通过 npm 包管理器将 ozma-tudou 安装到你的项目中：

npm install ozma-tudou --save-dev

使用

1. 在页面 html 中引入 ozma-tudou 即可，不需要使用其他加载器：

<script src="node_modules/ozma-tudou/dist/ozma-tudou.js"></script>

1. 使用 ozma.define 方法定义模块：

ozma.define('module1', function (require, exports, module) {
  var module2 = require('module2');
  console.log('module1', module2);
});

1. 使用 ozma.require 方法加载模块：

ozma.require('module1');

配置

1. config：用于配置子模块和插件的选项，如：

-- -------------------- ---- -------
-------------
  -------- ------------ -- -------
  ------------------ ------ -- ---------
  ------------------ ------ -- ----
  ------ - -- ----
    ------- ---------
  --
  --------- - -- -----------------------
    -
      ----- ------
      ----- -----
    -
  -
---

1. setPkgConfig：设置别名和包信息， 如：

ozma.setPkgConfig('util', {
  location: 'util.js',
});

ozma.setPkgConfig('jquery', {
  location: 'lib/jquery.js',
  main: 'jquery',
});

示例代码

-- -------------------- ---- -------
--------- -----
----- ----------
------
  ----- ----------------
  ----------------- ------------
-------
------
  ------- ----------------------------------------------------------

  --------
    -- ----
    ---------------------- ----------------- -------- ------- -
      --- ------- - -------------------
      ---------------------- ---------
    ---

    ---------------------- ----------------- -------- ------- -
      ------------ - ----------
    ---

    -- ----
    --------------------------
  ---------
-------
-------

总结

ozma-tudou 是一个非常方便的前端工具，可以让我们省去加载器和模块化的烦恼，使我们更加专注于业务逻辑，缩短了开发时间，提高了开发效率，让我们更加专心于业务开发。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76467