- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的团队正在切换到 webpack,我遇到了需要帮助的问题。
我不知道为什么,但 webpack 似乎没有公开每个文件外部的依赖关系。不幸的是,这打破了我们用于抽象表渲染逻辑的模式。
foo.renderers.DefaultCellRenderer
class DefaultCellRenderer
renderCell: (data) ->
... render logic goes here ...
foo.renderers.ComplexCellRenderer
class ComplexCellRenderer
renderCell: (data) ->
... render logic goes here ...
foo.mixins.SimpleTableMixin
require foo.mixins.BaseTableMixin
class SimpleTableMixin
constructor: (@data) ->
foo.mixins.BaseTableMixin.apply @
@columns = [
{ label: 'Col 1' }
{ label: 'Col 2' }
]
foo.mixins.ComplexTableMixin
require foo.mixins.BaseTableMixin
require foo.renderers.ComplexCellRenderer
class ComplexTableMixin
constructor: (@data) ->
foo.mixins.BaseTableMixin.apply @
@columns = [
{ label: 'Col 1' }
{ label: 'Col 2', renderer: 'ComplexCellRenderer' }
]
foo.mixins.BaseTableMixin
require foo.renderers.DefaultCellRenderer
class BaseTableMixin
render: (container) =>
# render table header...
# render table body...
for row in @data
for metadata, cellIndex in @columns
name = metadata.renderer or 'DefaultCellRenderer'
target = foo.renderers[name]
container.append target.renderCell row[cellIndex]
这是一个极其简化的示例,但本质上,这种方法允许我们构建非常复杂的表,其行为层可在运行时动态配置。
在实现 webpack 之前,这种方法是有效的,因为“foo.renderers”是全局的,任何需要自定义渲染的类都负责声明该依赖关系,保证其在被基本 .render() 函数调用时存在......
但是,自从迁移到 webpack 后,除非我在基表混合中明确要求,否则这些渲染器不再可用。这打破了这种方法的根本好处,即使我们的表可扩展而无需修改底层逻辑。
此外,我无法直接在列数组中传递渲染器引用,因为应用程序状态需要可序列化为 JSON,以便可以随意脱水/再水化。
考虑到所有这些,谁能告诉我是否有一种方法可以确保这些依赖项在基表混合中可用,而不必在该文件中显式声明它们(从而打破打开/关闭原则) ?
谢谢!
更新因此,根据下面 dtothefp 的答案,我最终创建了一个包装类,它动态地需要同一目录或子目录中的所有渲染器...所以我只需要需要一个引用而不是单个引用(尽管,它们可以单独需要)同样,以避免循环引用)
/foo/common/renderers/Renderers.coffee
goog.provide 'foo.common.renderers'
context = require.context './', true, /^.+\.js$/
context.keys().forEach (key) ->
renderers = context(key)?.foo?.common?.renderers
_.extend foo.common.renderers, renderers if renderers?
return
最佳答案
尝试使用 expose-loader
https://github.com/webpack-contrib/expose-loader
module: {
rules: [{
test: path.join(yourSrcRoot, 'foo', 'renderers', 'DefaultCellRenderer'),
use: [{
loader: 'expose-loader',
options: 'foo.renderers.DefaultCellRenderer' // not sure if this works???
}]
}]
}
似乎尝试从您之前拥有的任何内容转移到在命名空间上使用全局变量的 Webpack 是一种反模式,但这可能会让您开始。
或者更好的是,为什么不在包的开头引导整个事情呢?
// index.js
const foos = require.context('./foo', true, /(renderers|mixins)\/.+\.js$/);
global.foo = {};
global.foo.mixins = {};
global.foo.renderers = {};
foos.keys().forEach((fp) => {
const [dir] = fp.split('/');
global.foo[dir] = foos(fp);
});
不确定您所说的“这破坏了这种方法的根本好处,即使我们的表可扩展而无需修改底层逻辑”是什么意思。如果您想使用模块加载器但不想导入依赖项,那么您似乎错过了重点。
关于javascript - WebPack:如何访问单独的类/文件中所需的依赖项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43666686/
Java 专家需要您的帮助。 今天我在一次采访中被问到这个问题,但我无法解决。所以我需要一个解决方案来解决这个问题; 反转字符串 Input : Hello, World! Output : oll
目标:单击按钮并将成分作为单独的项目添加到数组中。 当前设置: 这给出:蓝莓芒果柠檬汁 然后我希望能够通过单击按钮将成分作为单独的项目添加到数组中: var allI
如何编写正则表达式来匹配它(参见箭头): "this is a ->'' this is a "test' there is another "test' 第二种情况 /\b'/ Regex Demo
我有一个数组,其中包含有限数量的项目。我想随机删除项目,直到所有项目都被使用过一次。 示例 [1,2,3,4,5] 使用了随机数 5,所以我不想再这样了。使用了随机数 2,所以我不想再这样了。等等..
首先,抱歉,如果这太主观了,我只是不知道还能怎么问/去哪里问。 无论如何,鉴于我最近的所有问题,我准备很快发布一个 Android 应用程序,并且大部分测试都是在我的手机 Droid 上完成的。我真的
这可能不是这个问题的正确位置,如果不合适请随意移动它。我标记为 Delphi/Pascal 因为这是我在 atm 中工作的内容,但这可能适用于我猜的所有编程。 无论如何,我正在做一些代码清理,并考虑将
我像这样分隔了其余 api 的路由。有没有更好的方法来组织路由器?还是我现在的做法没问题? app.js app.use('/api/auth',auth); 应用程序/ Controller /au
我在 2 个单独的工作表中包含以下数据: 表1: A B C D a ff dd ff ee b 12 10 10 12 表2: A B C
我正在使用 jQuery,并在位于单独 HTML 文件中的表中获取了几行。单击时,每一行都会成功重定向到本地 HTML 文件。 (使用window.location) 我想要实现的目标 我想要完成的是
我有重叠背景图像的问题,当它们重叠时会导致阴影比不重叠时更暗,从而产生不均匀的阴影。 我有一个高度灵活的盒子,带有一些透明的背景图像和阴影以创建漂亮的边框。盒子本质上是 3 个元素。 您可以在此处找到
按照正常的微服务框架,我们希望将每个微服务放入其自己的 git 存储库中,然后为 Service Fabric 项目创建一个存储库。当我们更新其中一个微服务时,Service Fabric 项目将仅重
我想将多个片段嵌入到一个指令中。这是我的设置方式。 Everyone Development (3)
我希望在保留原件的同时将多个文件 gzip 到一个目录中(到多个 .gz 文件中)。 我可以使用这些命令来处理单个文件: find . -type f -name "*cache.html" -exe
有没有办法分别知道每个 Eclipse 插件消耗了多少内存? 最佳答案 进行堆转储并使用例如分析它Eclipse Memory Analyser . 如需更多信息,请参阅 Analyzing Equi
我们使用cusrom插件并以这种方式定义脚本(这是一个近似的伪代码): //It is common part for every script (1) environments { "env1"
我在控制台应用程序中托管了一个集线器,并有一个 WPF 应用程序连接到它。它工作得很好。然后我将集线器移到一个单独的项目中,并将主机的引用添加到新项目中。现在我收到 500 错误,没有其他详细信息。
是否可以在单独的 JAR 文件中为 JavaBean 构建类?具体来说,JavaBean 在一个 JAR 文件中具有 Bean 和 BeanInfo 类,而自定义属性编辑器类位于另一个 JAR 文件中
好的,所以我有一个 MAF 应用程序,它在单独的应用程序域中加载每个插件。这非常适合我的需要,因为它允许我在运行时动态卸载和重新加载我的插件。 问题是,我需要能够在子应用域中处理未处理的异常,捕获它,
在参加在线数据库类(class)(针对初学者)时,我注意到一个问题,我必须查找涉及...至少两个不同值的查询...例如, ELMASRI 书中的 COMPANY 数据库指出:查找至少从事两个不同项目的
(首先:我已经尝试了涉及边距、边框等的所有选项。) Link to problematic page. Link to similarly constructed, non-problematic p
我是一名优秀的程序员,十分优秀!