用于导入的 webpacker 语法答案

【问题标题】：webpacker syntax for imports用于导入的 webpacker 语法
【发布时间】：2021-06-02 07:34:09
【问题描述】：

railsassets/javascript 目录有以下子目录：
渠道
包
来源
我在application.js 文件中有以下内容

import("../src/foundation-datepicker")
import("../src/user_dob")

但是这些文件没有作为Webpacker can't find 导入，因此没有创建清单。

导入这些的正确语法是什么？

【问题讨论】：

标签： ruby-on-rails webpacker

【解决方案1】：

在webpacker.yml 中，将您的assets/javascript 目录添加到additional_paths，以便webpack 也会在该目录中查找模块

# config/webpacker.yml
additional_paths: ['app/assets/javascript']

# app/javascript/packs/application.js
import("src/foundation-datepicker")
import("src/user_dob")

【讨论】：

这很有趣。默认情况下，它设置为一个空数组。然而，rails 会生成一个包含channels 和packs 目录的应用程序。这是否意味着无法访问频道？并且可以根据需要添加子目录以消除混乱吗？
@Jerome webpacker.yml 也有source_path: app/javascript -> 所以该目录中的所有javascript 文件都已加载，包括channels 和packs