安装配置 · HDJS前端组件库

## 安装配置 HDJS是为了方便前台工作框架内部集成了常用的前台开发组件，使用前台组件化管理，可以大大节省开发工作。 GitHub下载: [https://github.com/houdunwang/hdjs](https://github.com/houdunwang/hdjs) NPM安装: ``` npm install --save hdjs ``` [TOC] ## AMD hdjs 支持 require.js 方式的amd调用，可以方便的在浏览器中直接使用。 ``` <meta name="csrf-token" content="{{csrf_token()}}"> <script> window.hdjs={}; //组件目录必须绝对路径(在网站根目录时不用设置) window.hdjs.base = '/node_modules/hdjs'; //上传文件后台地址 window.hdjs.uploader = 'test/php/uploader.php?'; //获取文件列表的后台地址 window.hdjs.filesLists = 'test/php/filesLists.php?'; </script> <script src="/node_modules/hdjs/static/requirejs/require.js"></script> <script src="/node_modules/hdjs/static/requirejs/config.js"></script> ``` 如果在HDPHP、Laravel等框架中使用组件，需要在<head>标签中添加以下代码，这样可以实现框架的CSRF表单令牌验证。 ``` <meta name="csrf-token" content="{{csrf_token()}}"> ``` ## 模块化 hdjs 可以很方便的使用在 webpack 或 vue-cli 等组件化开发环境中。 ``` import hdjs from 'hdjs'; hdjs.notify('后盾人') ```