magento2 - 如何覆盖自定义模块中的 HTML 文件

Question

我正在为 magento 2 中的付款方式开发一个自定义模块。目前我正在使用 cc-form.html 从供应商目录和模块工作正常。见下面的路径。

vendor/magento/module-payment/view/frontend/web/template/payment/cc-form.html

有没有办法覆盖 HTML 文件？

Answer 1

就在这里。您可以查看 pub static 以查看静态 Assets 的路径是如何构建的。

这个怎么运作

每个 Assets 都可以从它的页面访问enter code here s “RequireJS ID”。它类似于真实的路径，但有所不同。

例如文件 http://magento.vg/static/adminhtml/Magento/backend/en_US/Magento_Theme/favicon.ico .

它的真实路径是/app/code/Magento/Theme/view/adminhtml/web/favicon.ico .
它的 RequireJS ID 是 Magento_Theme/favicon.ico .这意味着可以通过 require("text!Magento_Theme/favicon.ico") 访问该文件或类似的命令。

您会发现 RequireJS ID 包含模块名称和路径的有用部分(在文件夹 web 之后)。

如何替换文件

所以你有文件vendor/magento/module-payment/view/frontend/web/template/payment/cc-form.html
在它加载 src 的页面上http://magento.vg/static/frontend/Magento/luma/en_US/Magento_Payment/template/payment/cc-form.html
所以它的 RequireJS ID 是Magento_Payment/template/payment/cc-form.html
旁注:UI 组件内部的东西等于 Magento_Payment/payment/cc-form .自动添加单词"template"和“.html”。

现在您可以通过 RequireJS 配置替换此文件以用于应用程序

var config = {
  "map": {
    "*": {
      "Magento_Payment/template/payment/cc-form.html": 
          "<OwnBrand>_<OwnModule>/template/payment/cc-form.html"
    }
  }
};

您放置在 requirejs-config.js 中的这段代码片段文件在你的模块中。就这些。