当尝试创建多个js文件时,命令在早午餐中不起作用

Order doesn't work in brunch when trying to create multiple js files

本文关键字:命令 午餐 不起作用 文件 创建 js      更新时间:2023-09-26

我有一个项目,我有很多javascript文件,有些是全局的,在所有页面上工作,我有两组文件,只适用于主页,其余的都可以用于其他页面。这是我的配置文件,它可能是非常错误的,这是我第一次与早午餐:

exports.config =
# See docs at http://brunch.readthedocs.org/en/latest/config.html.
# Application build path.  Default is public
#buildPath: 'webapp'
paths:
  public: 'webapp/assets'
  compass: './config.rb'
  watched: ['app', 'experiences', 'main', 'home', 'node_modules']
files:
  javascripts:
    defaultExtension: 'js'
    joinTo:
      'javascripts/app.js': /^main/
      'javascripts/experiences.js': /^experiences/
      'javascripts/home.js': /^home/
    order:
      before: [
        'jquery.js', 
        'custom.modernizr.js', 
        'jquery.simplemodal.js', 
        'foundation.js', 
        'fastclick.js', 
        'retina.min.js'
      ]
  stylesheets:
    defaultExtension: 'styl'
    joinTo:
      'stylesheets/app.css': /^app'/styles'/app/
      'stylesheets/ie.css': /^app'/styles'/ie/
  templates:
    defaultExtension: 'hbs'
    joinTo: 'javascripts/templates.js'
minify: yes
modules:
  wrapper: false

在我的app文件夹中有before数组中显示的所有文件但顺序根本不起作用,jquery不在其他数组之前,我得到了js错误。我不确定早午餐是否以这种方式工作,但我不能像我说的那样在一个文件中拥有所有脚本,因为主脚本与其他脚本不兼容(我没有制作它们,我只需要将已经在工作的项目与早午餐集成)

您是否尝试在before数组中明确说明您的文件路径?例如

files:
  javascripts:
    defaultExtension: 'js'
    joinTo:
      'javascripts/app.js': /^main/
      'javascripts/experiences.js': /^experiences/
      'javascripts/home.js': /^home/
    order:
      before: [
        'app/main/jquery.js', 
        'app/main/custom.modernizr.js', 
        'app/experiences/jquery.simplemodal.js', 
        'app/home/foundation.js', 
        'app/home/fastclick.js', 
        'app/home/retina.min.js'
      ]  

也许这可以澄清早午餐的事情。也许你也可以看看这个把戏。它将允许您更好地自定义您的结构,同时在配置文件中保持对Brunch的明确。