ember.js - ember-cli-build.js 中的树：{ mergetrees(['src',external js file])} 不起作用

Question

在 glimmer 应用程序中，我想将外部 Js 文件与 app.js 文件捆绑在一起。我想在微光应用程序中使用 svg。我没有使用 ember-inline-svg，而是使用 broccoli-flatiron 和 broccoli-merge-trees 包将外部 js 文件与 app.js 捆绑在一起。

我在 ember-cli-build.js 中的代码是

const GlimmerApp      = require('@glimmer/application-pipeline').GlimmerApp;
const merge           = require('merge');
const fs              = require('fs');
const Funnel          = require('broccoli-funnel');
const flatiron        = require('broccoli-flatiron');
const mergeTree       = require('broccoli-merge-trees');

module.exports = function(defaults) {
 var options=merge(true, {}, {
   paths:   ['src/ui/styles/svgs']
 });

 var svgs = mergeTree(options.paths.filter(function(path) {
   return fs.existsSync(path);
 }));

 svgs = new Funnel(svgs, {
   include: [new RegExp(/\.svg$/)]
 });

 svgs = flatiron(svgs, {
   outputFile: 'svgs.js',
   trimExtensions: true,
   variableName : "const svgs = "
 });

 let app = new GlimmerApp(defaults, {

   trees:{
     src:mergeTree(['src',svgs])
   }


   });

 return app.toTree();

};

但它给出了一个错误“无法识别模块'svgs'的类型”......

我想将 svgs 与 app.js 捆绑在一起。

Answer 1

尝试像这样合并树：

…

module.exports = function(defaults) {
  …

  let app = new GlimmerApp(defaults, { 
  });

  return mergeTree([app.toTree(), svgs]);
};