README

simple assets loader 的实现 - 用于动态构建样式和 JavaScript。感谢这个库，您可以使用 Nette 框架 的前端简化工作流程。

要求

此库需要 PHP 7.1 或更高版本。 Simplette Loader 库是为 Nette 框架 版本 3.0 及更高版本设计的。

安装

安装此库的最佳方式是使用 Composer

$ composer require simplette/loader

文档

首先，注册扩展。有关配置的更多信息，请参阅类定义。这个库（就像 Simplette 的所有库一样）旨在尽可能简单。

extensions:
    style: Simplette\Loader\Style\StyleLoaderExtension
    script: Simplette\Loader\Script\ScriptLoaderExtension

现在您可以为您的样式、脚本定义自己的列表，配置加载器的每个部分等。

查看示例配置

style:
    debugger: %debugMode% # or just set true/false
    genDir: assets/gen
    files:
        admin-sb: # you can combine scss and css files
            - %appDir%/Modules/AdminModule/styles/admin-sb.scss
            - %appDir%/Modules/AdminModule/styles/daterangepicker.css
        admin-editor:
            - %appDir%/Modules/AdminModule/styles/codemirror.css
            - %appDir%/Modules/AdminModule/scripts/vendor/codemirror/addon/display/fullscreen.css
            - %appDir%/Modules/AdminModule/styles/codemirror.scss
        # ...

script:
    debugger: %debugMode%
    compiler:
        minify: FALSE # turn off minification / there can be possible to set other compiler parameters
    genDir: assets/gen
    files:
        admin-sb:
            - %appDir%/Modules/AdminModule/scripts/vendor/bootstrap.bundle.min.js # files *.min.* would not be minified again 
            # ...
            - %appDir%/Modules/AdminModule/scripts/sb-admin-2.js
            # ...
        admin-search:
            # ...
            - %appDir%/Modules/AdminModule/scripts/search.js
        admin-nette:
            - %appDir%/../vendor/nette/forms/src/assets/netteForms.min.js
            - %appDir%/Modules/AdminModule/scripts/vendor/nette.ajax.js
            # ...
            - %appDir%/Modules/AdminModule/scripts/init-nette.js
        admin-editor:
            - %appDir%/Modules/AdminModule/scripts/vendor/codemirror/codemirror.js
            # ...
            - %appDir%/Modules/AdminModule/scripts/init-editor.js
        # ...

然后您可以在 Latte 模板中使用它，如下所示

<link rel="stylesheet" n:style="admin-sb"/>

<script n:script="admin-sb"></script>

贡献

这是一个开源、社区驱动项目。如果您想贡献，请遵循当前源代码中使用的代码格式，并提交 pull request。

将在未来添加高级文档。但如果您查看我的源代码，您将了解您可以使用这个小型（但强大）库做什么。

如果您在寻找灵感，请参阅 其他库 和一些 较旧的工作。