react 通过 require引入资源的坑

最新推荐文章于 2024-08-05 23:19:25 发布

原创最新推荐文章于 2024-08-05 23:19:25 发布 · 797 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#java #nodejs #reactjs

收录于

踩坑专栏收录该内容

3 篇文章

订阅专栏

本文探讨了Node.js中一种特殊的动态加载模块的方法。通过将公共路径硬编码并结合条件判断，确保了即使在不同路径下也能正确加载指定的模块。文章通过具体的代码示例解释了这一方法的实现细节。

直接看代码和注释吧：

    getModel = path => {
        if (path == undefined || path.length < 1) {
            return undefined;
        }
        /**
         * 这里一定要分开写，把/page/这种公共的路径，写成死字符串，否则无法正常获取到model。
         * 比如 /page/cont/projitemChange2.jsx 与 /page/mtn/storage.jsx的公共部分是 /page/，
         * 所以这里把 /page/ 提取成公共部分
         */
        return require(`/page/${path}`).default;

        /**
         * 如下列所属，path的值为“/page/cont/projitemChange2.jsx”，和写死的字符串一样。
         * 但path就是无法获取到model，而写死的字符串却可以
         */
        // return require(path).default;
        // return require("/page/cont/projitemChange2.jsx").default;
    };