javascript – mainConfigFile中的RequireJS Optimizer无法正常工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – mainConfigFile中的RequireJS Optimizer无法正常工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3307字，纯文字阅读大概需要5分钟。

内容图文

我使用grunt-requirejs,我的应用程序结构如下所示：

site/
  dev/
    index.html
    config.coffee
    app.coffee
    etc.
  srv_dev/
    index.html
    config.js
    app.js
    etc.
  dist/
  node_modules/
  Gruntfile.coffee

当我运行grunt dev文件时,从其他任务中将咖啡编译为js并从dev /复制到srv_dev /然后从那里提供服务.

我的grunt dist任务执行dev所做的操作然后运行requirejs任务,我希望该任务可以编译/组合我的应用程序的所有主要依赖项,但仍允许require(somevar)并定义稍后运行的调用.基本上我的单页应用程序的某些部分在用户点击它的链接之前不会加载,这会触发requrire()和define()调用.

我目前的问题似乎很基本……我已经设置了我的requirejs grunt任务,如下所示：

requirejs:
  options:
    baseUrl: './'
    mainConfigFile: 'srv_dev/config.js'
  dist:
    options:
      out: 'dist/script.js'

抛出错误：错误：缺少“名称”,“包含”或“模块”选项

我已经阅读了大多数优化器文档以及example build file,并且不明白这个错误发生了什么. this project中的tkellen使用almond.js的name选项 – 但我不认为我想这样做,因为我需要那些lazy – loader require()调用.示例构建文件指出：“仅指定模块名称意味着该模块将转换为包含其所有依赖项的构建文件.”这是我的下一次尝试：

requirejs:
  options:
    baseUrl: './'
    name: 'srv_dev/config.js'
  dist:
    options:
      out: 'dist/script.js'

有了这个,我得到错误：ENOENT,没有这样的文件或目录>> ‘/Users/user/Desktop/project/site/app.js’

所以它找到config.js,但后来找不到配置中列出的路径,因为它使用了require.js配置的baseUrl.

如果我在requirejs任务配置中指定’./srv_dev’的baseUrl,那么它无法找到我的config.js文件.我尝试了各种各样的途径,让它没有运气.我认为gruntfile需要与config.js文件位于同一个目录中,但这不是我的项目设置方式.

谢谢人们！

这是我的config.coffee文件的全文

config =

  baseUrl: './'

  paths:
    # require plugins
    text             : '/components/requirejs-plugins/lib/text'
    json             : '/components/requirejs-plugins/src/json'

    # lib
    jquery           : '/components/jquery/jquery'
    bootstrap        : '/components/bootstrap/dist/js/bootstrap'
    lodash           : '/components/lodash/dist/lodash'
    backbone         : '/components/backbone/backbone'
    marionette       : '/components/marionette/lib/backbone.marionette.min'
    handlebars       : '/components/handlebars/handlebars'
    prism            : '/components/customPrism/prism'
    coffeescript     : '/components/coffee-script/extras/coffee-script'

    # app
    app              : '/app/app'
    appSettings      : '/app/appSettings'
    AppController    : '/app/AppController'
    AppRouter        : '/app/AppRouter'

    postMasterRecord : '/posts/postMasterRecord'

    util             : '/scripts/util'
    templates        : '/templates'
    handlebarsHelpers: '/scripts/handlebarsHelpers'

  shim:
    # lib
    bootstrap:
      deps: ['jquery']
    backbone:
      deps: ['lodash', 'jquery']
      exports: 'Backbone'
    marionette:
      deps: ['backbone', 'lodash', 'jquery']
      exports : 'Marionette'
    handlebars:
      exports: 'Handlebars'
    templates:
      deps: ['handlebars']

    # app
    app:
      deps: [
        'marionette'
        'bootstrap'
        'handlebars'
        'templates'
      ]

  # deps: ['app']

require.config(config)

require(['app'])

解决方法:

指定与mainConfigFile相同的文件和名称是完全可以接受的：

requirejs:
  options:
    mainConfigFile: 'srv_dev/config.js'
    baseUrl: './srv_dev'
    name: 'config'
    findNestedDependencies: true
  dist:
    options:
      out: 'dist/script.js'

mainConfigFile告诉r.js“这里是你可以找到我的运行时配置的地方”,而名字则说“这里是我的主要模块”.一个并不意味着另一个.

没有mainConfigFile,r.js无法找到您的运行时配置.没有名称(或包含或模块),它无法知道您的应用程序的入口点.

findNestedDependencies：如果r.js必须遵循config.js文件中的require([app]).

内容总结

以上是互联网集市为您收集整理的javascript – mainConfigFile中的RequireJS Optimizer无法正常工作全部内容，希望文章能够帮你解决javascript – mainConfigFile中的RequireJS Optimizer无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端