插件导入

2021-11-23 大约 1 分钟

# 插件导入

所谓的插件,其实就是把一股脑地在 main.js 文件中引入第三方模块的方式。

变成一个个独立,小而美的插件来引入。

插件的目录为 plugins,目前默认引入了 basil.js 插件,用来进行浏览器本地存储的管理。

内容如下:

/**
 * 本地存储插件
 * 默认以 localStorage 的方式进行本地永久存储
 * 如需改变存储方式,修改以下实例配置中的 storage 为四者之一即可
 * 使用方式请查看文档:https://www.npmjs.com/package/basil.js
 * 命名空间 [namespace] 为本地存储数据时的前缀
 * 如需改动,请在 env 环境变量目录中进行修改
 * 如有问题或建议,请联系作者:chensuiyi.com
 */
import Vue from "vue";
const Basil = require("basil.js");

let basil = new Basil({
    namespace: process.env.namespace,
    storages: ["session", "cookie", "local", "memory"],
    storage: "local",
});

// 提供给页面通过 this.$Basil 调用
Vue.prototype.$Basil = basil;

// 提供给 ajax 导入使用
export default basil;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

如果要引入 element-ui 或者 iview 等框架。

可以在 plugins 目录下,创建 element-ui.js 文件,然后仿照上述案例书写即可。

最后,记得在 plugins/index.js 文件中,手动导入 element-ui.js 文件。

不过,yicode 正在处理插件自动导入,在之后将会默认导入所有 plugins 下的插件。

敬请期待。

上次编辑于: 2021年11月23日 13:44
贡献者: chensuiyi