Build 使用r.js构建多个bundle
希望是一个低调的概念性问题。我无法理解的Build 使用r.js构建多个bundle,build,module,requirejs,bundle,r.js,Build,Module,Requirejs,Bundle,R.js,希望是一个低调的概念性问题。我无法理解的模块选项。我想用一个r.js构建配置构建多个具有嵌套依赖关系的模块 假设我有以下项目结构: +---build +---src +---moduleOne | +---moduleOne.js | \---dependecyForModuleOne.js +---moduleTwo | +---moduleOne.js | \---dependecyForModuleTwo.js |-
模块
选项。我想用一个r.js构建配置构建多个具有嵌套依赖关系的模块
假设我有以下项目结构:
+---build
+---src
+---moduleOne
| +---moduleOne.js
| \---dependecyForModuleOne.js
+---moduleTwo
| +---moduleOne.js
| \---dependecyForModuleTwo.js
|---buildConfig.js
|---devModuleConfig.js
\---prodModuleConfig.js
devModuleConfig
和prodModuleConfig
是开发和生产运行时配置,而buildConfig.js
是r.js构建配置
现在,我可以构建模块使用此配置一点问题都没有:
({
"baseUrl": "./",
"name": "moduleOne/moduleOne",
"out": "../build/moduleOneBundle.js",
mainConfigFile: 'devModuleConfig.js',
optimize: 'none'
})
在构建配置中指定不同路径后,我可以在构建中运行一个捆绑包:
+---build
\---moduleOneBundle.js
我想构建两个模块,因此使用modules
config选项指定moduleOne
:
({
"baseUrl": "./",
modules: [
{
"name": "moduleOne/moduleOne",
"out": "../build/moduleOne.js"
}
],
dir:"../build", // <-- r.js says I need to add this. why?
mainConfigFile: 'devModuleConfig.js',
optimize: 'none'
})
如何配置多个模块以使用一个r.js配置构建?这些文件我读了好几遍,脑子都想不起来了
您可以在这里看到包含所有这些内容的我的项目:当指定
模块时,r.js包含所有文件,然后根据模块中指定的规则对这些文件进行优化removeCombined:true
从build
中删除合并到另一个模块中的模块,然后手动删除其他文件可用于手动清理任何不需要的构建工件
+---build
+---moduleOne
| +---moduleOne.js
| \---dependecyForModuleOne.js
+---moduleTwo
| +---moduleOne.js
| \---dependecyForModuleTwo.js
|---build.txt
|---buildConfig.js
|---devModuleConfig.js
\---prodModuleConfig.js