Webpack路径解析

时间:2019-12-06 19:15:23

标签: javascript node.js webpack

我有一个SFCC项目,在一个存储库中有多个站点。这是代码库结构的简要概述:

  • 核心
    • 墨盒
    • js
      • 东西
        • dialog.js
    • modal.js
    • app.js
    • shirt.js
  • site_1
    • 墨盒
    • js
        • file1.js
    • app1.js
  • site_2
    • 墨盒
    • js
        • file2.js
    • app2.js
  • site_3
    • 墨盒
    • js
        • file3.js
    • app3.js
  • 构建
    • site1.js
    • site2.js
    • site3.js

我的webpack入口点是site1,site2和site3 js文件。在每个这些文件中,我都将导入相应的app.js文件。这些app.js文件中的每个文件都有它们自己用于特定站点的文件。当我运行webpack时,出现“找不到模块”错误。

在app.js文件中,我需要像这样的外部依赖项:

require('./ dialog.js')

此示例的错误将是这样的:

../ [site] /cartridge/js/app.js中的错误 找不到模块:错误:无法解析'/ path / to / repository / [site] / cartridge / js'中的'./dialog'

您知道如何将这些文件的正确路径连接起来吗?

1 个答案:

答案 0 :(得分:0)

创建一个alias到核心目录。然后使用[alias]/js/something/dialog.js

进行要求/导入