requireJS 优化器（r.js）生成异常代码答案

【问题标题】：requireJS optimzer (r.js) generate code with exceptionrequireJS 优化器（r.js）生成异常代码
【发布时间】：2014-07-26 20:43:33
【问题描述】：

我正在尝试“优化”我的 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

})

【问题讨论】：

'意外的标识符' - 在哪里？有堆栈跟踪吗？
异常如下 - 'Uncaught SyntaxError: Unexpected identifier main.js:1', The 'main.js' start like this: 'define("app/config",[],function (){var'

标签： requirejs r.js requirejs-optimizer

【解决方案1】：

问题在于以下语法

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

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

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

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

【讨论】：