jQuery UI

未匹配的标注

jQuery UI

jQuery UI是一个用于渲染常用组件的函数库,例如 datepickers , draggables 等等。 无需任何调整即可与 Laravel Mix 配合使用。

构建你的 webpack.mix.js 配置信息

mix.js('resources/assets/js/app.js', 'public/js').sass(
    'resources/assets/sass/app.scss',
    'public/css'
);

安装 jquery-ui

npm install jquery-ui --save-dev

加载你需要的组件

// resources/assets/js/app.js

import $ from 'jquery';
window.$ = window.jQuery = $;

import 'jquery-ui/ui/widgets/datepicker.js';

加载 CSS 样式

// resources/assets/sass/app.scss

@import '~jquery-ui/themes/base/all.css';

触发加载 UI 插件

// resources/assets/js/app.js
$('#datepicker').datepicker();

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://learnku.com/docs/laravel-mix/4.0...

译文地址:https://learnku.com/docs/laravel-mix/4.0...

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
贡献者:2
讨论数量: 0
发起讨论 只看当前版本


暂无话题~