我研究了构建教程,发现了Web构建(仅限1.7.2),并测试了几个示例 - 但是,我找不到构建系统的简单解释.
假设我的应用是一个网页:
<script src="./js/App/other_non_amd_stuff_working_independently.js">
<script src="./js/lib/dojo/dojo.js" data-dojo-config="async: true"></script>
<script src="./js/App/Main.js">
Run Code Online (Sandbox Code Playgroud)
Dojo SDK位于./lib/,Main.js包含Dojo config + app boot:
require({
packages:[{
name:"App",
location:"../../App"
}]
},
[ "dojo/query",
"dijit/layout/BorderContainer",
"App/Foo",
"dojo/domReady!"], function(query, BorderContainer, Foo) { ... });
Run Code Online (Sandbox Code Playgroud)
我现在的问题就像这样简单:如何从我所有的Dojo/AMD东西中创建一个单独的脚本文件?我只是想替换
<script src="./js/lib/dojo/dojo.js" data-dojo-config="async: true"></script>
<script src="./js/App/Main.js">
Run Code Online (Sandbox Code Playgroud)
一个人
<script src="./js/Main.minified.js">
Run Code Online (Sandbox Code Playgroud)
让构建系统在这方面工作似乎有点不重要.它试图将./App/中的所有文件转换为AMD模块(这不是我想要的......)或者无法找到App/Main.我尝试构建一个构建配置文件(app.profile.js),但我不明白这一点,只是它增加了(IMO不必要的)复杂性.如何使构建系统只连接我的App/Main.js包含.依赖?
任何有关理解构建系统的更好教程的提示也值得赞赏.
在检查Chrome Dev工具时,我注意到以下CSS片段:
img {
content: url(image-src.png);
}
Run Code Online (Sandbox Code Playgroud)
在Chrome中完美运行(见下面的截图).

这允许我通过CSS定义<img>标签的src属性.在Firefox中不起作用.到目前为止,我认为不可能通过css直接修改src属性,我没有找到任何人谈论这个.那么,这只是Chrome中的一个专有添加,还是Chrome实施W3C草案或类似我不知道的东西?