requirejs - requireJS 优化器（r.js）生成异常代码

Question

我正在尝试“优化”我的 requireJS/Backbone 项目我在节点环境下成功运行 r.js，问题是 r.js 编译器的输出抛出“意外标识符”

index.html 有以下内容

<script data-main="assets/core/system/init"  src="assets/core/system/require.js"></script>

r.js 配置如下

({
 paths: {
    models: '../models',
    views: '../views',
    templates: '../templates',
    app: '../app',
    utils: '../utils',
    collections: '../collections',
    dataTypes: '../utils/dataTypes',
    elementTypes: '../utils/elementTypes',
    controls: '../controls',
    modals: '../modals',
    common: '../common'//,

},
 shim: {
    'backbone': {
        deps: ['underscore', 'jquery'],
        exports: 'Backbone'
    },

    'underscore': {
        exports: '_'
    },
    'jqueryUI': {
        deps: ['jquery']
    },
    'jquery': {
        exports: '$'
    },
    'bootstrap': {
        deps: ['jquery']
    },
    'common/highcharts/main': {
        exports: 'highcharts',
        deps: ['jquery']
    },
    'app/config': {
        deps: ['underscore', 'jquery']
    },
      'common/placeHolder/main':{
        deps: ['jquery'],
        exports: 'placeHolder',
        init: function(jquery){
          jquery('input, textarea').placeholder();
        }
    },
    'validation': {
        deps: ['jquery']
    }
},
baseUrl : "assets/core/system",
name: "init",
out: "main.js",
removeCombined: true,
findNestedDependencies: true

})

Answer 1

问题是以下语法

$('<div>',{
  style: 'position:absolute;'
});

上面的语法是使用 jquery 创建元素宽度属性。编译器和似乎IE7也不喜欢它。

为了更正它，我将其更改为以下内容。（在属性名称中添加逗号 -'- ）

$('<div>',{
  'style': 'position:absolute;'
});