V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  xunuoi  ›  全部回复第 2 页 / 共 5 页
回复总数  84
1  2  3  4  5  
gulpman 已更新到 1.3.6

更详细使用参见: https://github.com/xunuoi/gulpman



如何用 gulpman 来支援 Reactjs 的开发?

首先安装 gulpman : npm install gulpman --save-dev

在 gulpman 中启用 React :

方法一: [推荐] 通过 script 标签引入 React 类库到 HTML(文件路径根据实际配置或有不同)

<script type="text/javascript" src="./lib/react-0.14.6/build/react.min.js"></script>
<script type="text/javascript" src="./lib/react-0.14.6/build/react-dom.min.js"></script>

方法二:直接在 ES6/JSX 文件中引入 React 模块:


import 'react'

然后就可以在 es6/jsx 文件中写你的 ReactJS 的代码了! 其他的配置、 babel 转换、 browseirfy 等都会由 gulpman 帮你自动完成!
gulpman 1.3.3 版本更新:

1 、新增对复杂目录和多级目录设定支持:

比如下面这种模板、静态文件复杂的、多级的路径:

gulpman.config({

'components': 'components/cc',

'runtime_views': 'runtime_views/rv',
'dist_views': 'dist_views/dv/dv',

'runtime_assets': 'runtime_assets/ra/ra',
'dist_assets': 'dist_assets/da'

})


2 、增加彩色 log

3 、增加 base64 关联的资源文件的自动关联编译,比如跟这个 base64 图片有关的 html 、 css 都会自动编译(监视模式下)
2016-01-27 09:44:07 +08:00
回复了 fire5 创建的主题 Python 看了一个 go 语言,感觉语法略为不习惯。
那是因为你还没看到 lisp 的语法。哈哈
下午更新了 gulpman 版本,新添加嵌入图片 Base64 编码到 html/CSS 的特性,使用方式也是很简单:

图片的 src 后面添加 ?base64=true 即可:

<img src="./img/testb64.png?base64=true" />

CSS 类似, url()中的路径添加参数即可

这种方式会将 img 编码成 base64 直接嵌入到 html 或 css 中。一些下页面场景下会经常用到
@jeffjade 谢谢支持!
2016-01-25 21:59:47 +08:00
回复了 zyAndroid 创建的主题 JavaScript 百度的 echarts 3 发布了,很帅
@lcj2class 你的 history 还挺好玩。。我装了
@shunia 感谢兹词 :)
@amrio 并没有做子依赖收集,主要是跟 FIS 理念不一致, FIS 是用各种自己定义的注释、语法等,将 JS\CSS\其他资源做捆绑定位,已经脱离了 HTML 本身的规范。 gulpman 还是坚持 html 本身的原则,不将 css 等资源强行绑定到 js 中,如果修改了 scss 或者 less 或者图片,那么相应的输出资源会变动。这种前提下的开发,更可控、清晰、规范,不需要额外学习新的一套注释、编译规则等
因为国内网络情况,如果直接 npm 安装,可能 node-sass 或者 gulp-sass 会安装失败~
因此 gulpman 的脚本内置调用 cnpm 来安装 gulp-sass
有,远程办公 这个产品能满足
1  2  3  4  5  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2534 人在线   最高记录 6543   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 20ms · UTC 13:19 · PVG 21:19 · LAX 06:19 · JFK 09:19
Developed with CodeLauncher
♥ Do have faith in what you're doing.