如何让 docpad 咕噜的骨架最小供应商 js 文件与实时重新加载
How to have a the docpad grunt skeleton min vendor js files with live reload
我正在使用骨架#2,HTML5BP + Grunt。我第一次docpad run
发生以下情况:
info: LiveReload listening to new socket on channel /docpad-livereload
Performing writeFiles (postparing) at 0/1 0% [...] Running "min:js" (min) task
File "../out/scripts/all.min.js" created.
Uncompressed size: 298495 bytes.
Compressed size: 38257 bytes gzipped (106756 bytes minified).
这是应该的。但是,如果我更改模板或文档文件,则使用 livereload 插件,我会得到:
--Running "min:js" (min) task
File "../out/scripts/all.min.js" created.
Uncompressed size: 0 bytes.
编辑我的脚本.js将其扔到混合中,但我的供应商 js 文件都没有用它渲染,这同样没用。 grunt-cssmin 无论如何都会grunt-config.json
渲染所有 SCSS/CSS 文件,这工作正常。 将我的 js 从 /files/vendor
移动到 /documents/scripts
并没有改变这种行为。
我已经做了一些闲逛,但我是咕噜咕噜的新手,没有任何东西跳出来。
如果我能做到以下任一情况,那就太好了:
a) 每次都grunt-config.json
挖掘和压缩所有 JS 文件
b)在开发环境中没有咕噜咕噜的最小JS文件
就像我想对有关javascript的内容进行任何更改一样,我需要ctrl-c docpad然后再次运行它,这是meh。
不理想,但足够有效:
events:
# Write After
# Used to minify our assets with grunt
writeAfter: (opts,next) ->
# Prepare
docpad = @docpad
rootPath = docpad.config.rootPath
balUtil = require 'bal-util'
_ = require 'underscore'
# Make sure to register a grunt `default` task
command = ["#{rootPath}/node_modules/.bin/grunt", 'default']
# Execute
balUtil.spawn command, {cwd:rootPath,output:true}, ->
src = []
gruntConfig = require './grunt-config.json'
_.each gruntConfig, (value, key) ->
src = src.concat _.flatten _.pluck value, 'src'
#_.each src, (value) ->
# balUtil.spawn ['rm', value], {cwd:rootPath, output:false}, ->
#balUtil.spawn ['find', '.', '-type', 'd', '-empty', '-exec', 'rmdir', '{}', '';'], {cwd:rootPath+'/out', output:false}, ->
next()
# Chain
@
"balUtil"周围执行find/rm命令的三行被注释掉了。
不理想,因为"未压缩"的文件被保留了下来 - 但这并不是真正的世界末日。最终,实时重新加载到空白页面更令人沮丧。
可能有一种方法可以进一步增强这一点,以检测实时重新加载(开发)与生成生产构建,但我还没有摸索到这一点。
相关文章:
- 文件上传后实时重新加载
- jquery我应该如何在多个html文件中实时搜索结果
- 使用 Node.js 实时读取文件
- 如何让 docpad 咕噜的骨架最小供应商 js 文件与实时重新加载
- 如何使用CasperJS读取文件中的实时更改
- AJAX:如何实时读取更改(cronjob-)文件
- 在开发时加载本地CSS和JavaScript文件,在推送到服务器时实时加载
- 如何防止在更新多个文件时多次实时重新加载 grunt
- 使用javascript从我的服务器上的文件进行实时更新
- 实时文件上传
- 使用Ajax(jquery版本)获取图像文件标记值,并将结果显示为实时预览器
- 搜索大型Json.csv文件,并使用实时搜索风格输出结果
- 使用实时数据对GeoJSON文件中的许多标记进行样式化
- 有没有一种方法可以使用Javascript实时获取传输到页面的文件的总大小
- 在与注册表单相同的页面上实时预览配置文件
- 当一个实时网站在文件系统中工作时,是什么导致它无法工作
- 在SAPUI5中生成具有响应表的实时数据的PDF文件
- Web Audio API和播放音频文件时的实时当前时间
- Google Drive API;谷歌实时API -我可以把一个实时文件在应用程序文件夹
- 如何确定用户是否选择了文件进行实时文件上传