使用 Browserify/Babel/node.js您是否需要一个基于变量字符串的文件
Using Browserify/Babel/node.js can you require a file based on a variable string
根据这个问题,你可以要求一个基于node.js运行时字符串的路径。
奇怪的是,这似乎在节点服务器端对我有用,但似乎无法使用 Babel/Browserify 的客户端
对于这个特定的错误,当实际 API 关闭时,我基本上有很多模拟 json 数据想要require
进行测试。
// slug comes into the function and could for example be 'movies'
let modulePath = '../mock/products/' + slug + '.js'
let data = require(modulePath)
这给了我以下错误
Failed! Error: Cannot find module '../mock/products/movies.js'
如果我将其更改为let modulePath = '../mock/products/movies.js'
检索数据将没有问题......正如我提到的,如果我运行这个服务器端,它没有问题,但是当我运行代码客户端时就不好了。
我正在使用 babel/babelify 将 ES6 代码转换为 ES5
使用以下命令使用浏览器进行构建
browserify --debug -t [babelify] client.js > public/js/bundle.js
我的 package.json 中的 Dev devDependencies 如下:
"devDependencies": {
"browserify": "^8.0.3",
"babel": "^4.0.1",
"babelify": "~6.1.2"
}
Browserify 只能在依赖项静态分析的情况下计算它们。如果您动态生成导入,它无法知道要捆绑哪些模块。
相关文章:
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 如何检查一个字符串的所有字符是否都存在于另一个字符串中
- 如何隐藏&使用jQuery禁用依赖于另一个字段值的字段
- 在循环中添加addEventListener()只适用于最后一个按钮
- 如何使用 2 个 XMLHttpRequest 一个依赖于另一个
- Javascript表单.使一个条目依赖于另一个条目
- 试图使一个事件依赖于另一个事件,并使用jquery自定义事件传递数据
- 使用jquery如何自动删除下拉列表中的第一个空白选项(如果它依赖于另一个选项)
- 测试依赖于另一个指令Angularjs的指令
- 如何在javascript中给变量一个随机值
- 专注于下一个元素
- 绑定函数仅适用于最后一个元素
- 如何检查一个 JavaScript 对象中的值是否存在于另一个 JavaScript 对象中
- NLP 库,用于确定一个句子是否等效于另一个句子
- 相对于另一个 css 元素定位一个元素,而不编辑 html
- 相对于另一个元素的位置元素不起作用
- 检查一个对象中的项目是否存在于另一个对象中(使用下划线)
- 下拉选项依赖于另一个下拉选项(所有值都来自数据库)
- 如何使用RquireJS加载一个定义了全局变量并依赖于另一个第三方库的JS库
- 节点.js如何使一个变量更改也适用于另一个变量更改