jdf
jdf copied to clipboard
jdf2e
🛠️京东前端自动化构建工具
我看好多地方都用了jdf/这个文件路径，也有一些公用库，比如jquery,seajs等库；为什么就没有一个地址查看jdf这个文件下或者用jdf上传之后这个文件下的所有文件呢？方便我直接用，而不是再次自己上传一个jquery，seajs等文件；很多公用插件明明已经有了，但不除了上传人知道引用路径其他人却只能再次上传一次，这样会导致重复文件垃圾！
- [文件路径拼写说明](https://github.com/jdf2e/jdf/issues/6) - [html字符串拼接说明](https://github.com/jdf2e/jdf/issues/9) - [scss文件编译报错问题](https://github.com/jdf2e/jdf/issues/10)
文件路径拼写说明
jdfx对文件路径的拼写方式进行了一些调整，这里对各种情况进行一下说明。假设你的`config.json`中有如下配置： ```json { "projectPath": "jdf-test" } ``` 项目的目录结构如下所示： ``` jdf-test ├── config.json ├── html └── index.html ├── js └── a.js └── b.js ├── css └── style.css └── i └── icon.png...
**注意：此说明仅适用于`html`、`tpl`、`vm`和`smarty`文件中的字符串拼接情况，并不适用于`js`文件中的字符串拼接** 在html文件中拼接字符串时推荐使用以下格式，否则会产生输出html格式错乱的问题。 ```html 京东商城 ``` 不推荐使用以下任何一种格式： ```html 京东商城 ``` ```html 京东商城 ``` 你问我它们之间有什么区别？其实就是单双引号位置的区别。`双引号`放在字符串最外层，里面如果需要引号请使用`单引号`。 问题原因是由于[cheerio](https://github.com/cheeriojs/cheerio)的处理机制引起的，具体解决方案正在排查。感谢[loveky](https://github.com/loveky)同学的反馈。
```css .test { background :url(//img12.360buyimg.com/da/jfs/t1708/343/1355811714/2006/812516d1/55e511a9N42e564c7.jpg) no-repeat left center; .a{ width: 235px; height: 100px; } } ``` 当你的css文件有以上类似代码时，输出时有可能会抛出以下错误： ``` [11:27:14] ERROR Error: Invalid CSS after " .a": expected ")", was "{"...
一直以来，移动端的页面开发调试就是一个麻烦事情，想要实时预览页面效果并且debug更是很麻烦。jdfx也在努力解决这个问题，并且内置了`browserSync`，使您开发，预览，调试简单到只需一条命令即可。 ### 1、安装[猎豹wifi](http://wifi.liebao.cn/) 这个不用多说，安装就是了。注：如果电脑和手机处于同一个局域网中，可忽略`1，2`两步。 ### 2、连接手机 开启一个热点，并把手机连接到此热点上。 ### 3、使用jdf调试 * 执行`jdf b -o`命令打开项目列表，用手机扫描右上角的二维码，即打开一个和电脑上一模一样的页面。 * 此时，你无论操作电脑还是手机，它们的响应都会是同步的。包括：切换目录，滚动页面等。 * 你在电脑上编写代码，只要保存，手机上的页面就会实时刷新。 * 现在还等什么，愉快的开始写代码吧。 ### 4、内置的weinre * 细心的你会发现，在浏览器中默认打开的是下面第一组`External `对应的地址。如果你在浏览器中输入`UI External `对应的地址，会打开一个很漂亮的操作界面。 * 在左侧找到`Remote Debug`菜单，点进去开启`Remote Debugger...