Question

在glimmer应用程序中，我想将外部Js文件与app.js文件捆绑在一起。我想在glimmer应用程序中使用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]);
};

树：{mergetrees（['src'，外部js文件]）}在ember-cli-build.js中不起作用

1 个答案: