包简介

This bundle provides integration of gulp into Symfony2

README 文档

README

requirejs.config({
    "config":      {
        "translatorLoader": {
            "domains": [{
                name:    'messages',
                locales: ['en', document.documentElement.lang],
            }]
        }
    },
});

copy file to project: package.json

cd path/to/project
cp vendor/werkint/frontend-mapper-bundle/package.json ./

and run npm install may help: also npm install --save glob vendor/werkint/frontend-mapper-bundle/src/DependencyInjection/Compiler/JsmodelProviderPass.php

gulpfile.js

(function () {
    'use strict';

    process.env.NODE_MAX_LISTENER = 500;
    require('./vendor/werkint/frontend-mapper-bundle/src/Resources/gulp/index.js')();
})();

bower.json

touch app/config/bower.json

{
  "name": "brander-app",
  "version": "0.0.1",
  "authors": [
    "Someone <someone@gmail.com>"
  ],
  "ignore": [
    "**/.*"
  ],
  "resolutions": {
    "underscore": "~1.8.3",
    "backbone": "~1.1.2",
    "backbone.relational": "2f66cc5022"
  },
  "overrides": {
    "renames": {},
    "social": {
      "normalize": {
        "js/social": "*.js"
      }
    },
    "requirejs-domready": {
      "main": [
        "domReady.js"
      ]
    },
    "tabslet": {
      "main": [
        "jquery.tabslet.js"
      ]
    }
  }
}

Usual configuration

do lines above (create gulpfile.js, npm install ...)

create bundle dependencies src/AppBundle/bower.json

{
  "name": "sdelka-app",
  "main": [
    "bower.json"
  ],
  "dependencies": {
    "requirejs": "*",
    "jquery": "*",
    "lodash": "*",
    "backbone": "*",
    "backbone.relational": "*",
    "backbone.marionette": "*",
    "backbone.modelbinder": "*",
    "twig.js": "*",
    "backbone.radio": "*",
    "backbone.paginator": "*"
  }
}

create config src/AppBundle/Resources/public/config.js

(function () {
    'use strict';

    var config = window.require ? window.require : {};
    config = {
        'paths': config.paths,

        'waitSeconds': 30,
        'urlArgs':     'bust=' + window.$assets_version,
        "baseUrl": "/assets/js",

        "map":    {
/*            "*":                   {
                "twig":                  "config/twig",
            },
            "config/twig":         {
                "twig": "twig",
            },
            "config/iwin-twitter": {
                "social/module.twitter": "social/module.twitter",
            },*/

        },

        "shim": {
            "jquery.elastic": {
                deps: ["jquery"]
            },
        },

        "config": {
            /*"social/api.google-loader":   window.$socials.google,*/
        },
    };
    
    require.config(config)
}());

edit app/Resources/views/base.html.twig

    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
        <!-- require -->
        <script src="{{ asset('assets/js/require.js') }}"></script>
        <!-- require config -->
        <script src="{{ asset('bundles/app/config.js') }}"></script>
    </head>

run app/console as:in and gulp
test

requirejs(['jquery'], function ($) { alert($); })

werkint/frontend-mapper-bundle 适用场景与选型建议

werkint/frontend-mapper-bundle 是一款基于 JavaScript 开发的 Composer 扩展包，目前已累计 1.12k 次下载、GitHub Stars 达 1，最近一次更新时间为 2015 年 06 月 10 日，在 PHP 生态内属于活跃度较高的组件。

我们在过去多个企业项目中使用过 werkint/frontend-mapper-bundle 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 werkint/frontend-mapper-bundle 我们能提供哪些服务？

定制开发 / 二次开发

基于 werkint/frontend-mapper-bundle 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

werkint/frontend-mapper-bundle

包简介

README 文档

README

Usual configuration

werkint/frontend-mapper-bundle 适用场景与选型建议

统计信息

GitHub 信息

其他信息