Grunt不看JS文件
Grunt Does Not Watch JS files
我花了一个多小时研究这个问题,研究了几个问题,但找不到答案。
我在javascript文件上使用watch时遇到了一个问题。监视所有其他文件,并正确执行任务。
如果我从一开始就运行默认值,concat和uglify运行得很好,但如果我对js文件进行任何更改,watch就会直接忽略它
这是我的文件:
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
index: {
src: ['js/shared/*.js', 'js/index/*.js'],
dest: 'js/concat/index.js',
},
page: {
src: ['js/shared/*.js', 'js/page/*.js'],
dest: 'js/concat/page.js',
},
},
uglify: {
dist: {
files:{
'js/build/index.min.js': 'js/concat/index.js',
'js/build/page.min.js': 'js/concat/page.js',
}
}
},
sass: {
options: {
outputStyle: 'compressed',
},
dist: {
files: {
'css/main-unprefixed.css': 'sass/main.scss'
}
}
},
autoprefixer: {
global: {
src: 'css/main-unprefixed.css',
dest: 'css/main.css'
}
},
jade: {
compile: {
options: {
pretty: true
},
files: [{
expand: true,
cwd: '',
src: [ '_layouts/jade/*.jade' ],
dest: '_layouts',
flatten: true,
ext: '.html'
}]
}
},
shell: {
jekyllServe: {
command: "jekyll serve --no-watch"
},
jekyllBuild: {
command: "jekyll build"
}
},
open : {
build: {
path: 'http://localhost:4000',
app: 'Firefox'
}
},
watch: {
options: {
livereload: true
},
site: {
files: ["*.html", "**/*.html", "*.md", "**/*.md", "**/*.yml", "*.yml", "!_site/*.*", "!_site/**/*.*"],
tasks: ["shell:jekyllBuild"]
},
scripts: {
files: ["js/*.js", "js/**/*.js"],
tasks: ["concat", "uglify", "shell:jekyllBuild"]
},
jade: {
files: ["_layouts/jade/*.jade"],
tasks: ["jade"]
},
css: {
files: ["sass/*.scss", "sass/**/*.scss", "sass/**/**/*.scss"],
tasks: ["sass", "autoprefixer", "shell:jekyllBuild"]
}
}
});
require('load-grunt-tasks')(grunt);
// Default task(s).
grunt.registerTask("serve", ["shell:jekyllServe"]);
grunt.registerTask("default", ["open", "concat", "uglify", "sass", "autoprefixer", "jade", "shell:jekyllBuild", "watch"]);
};
非常感谢您的帮助。
问题存在于site
方法中的watch
任务中。
如果你删除这些,它应该工作:
"!_site/*.*", "!_site/**/*.*"
Grunt似乎不喜欢!
中的下划线。
我不知道如何在保留下划线的同时解决此问题,但您可以始终将目录重命名为site
或dist
,而不是_site
。
相关文章:
- 从文本文件js中读取列表
- 当我用ctrl+p搜索时,为什么要在谷歌chrome上使用inspect来调试缺少显示文件js
- 获取用于外部JavaScript文件(.js)的代码提示
- 如何将Javascript文件(.js文件)放在web服务器中
- 如何将 JavaScript 文件(.js 文件)添加到 C# 项目并从 C# 代码调用 JavaScript 方法
- 在 Node 中包含 javascript 文件.js无需 require('.') ing
- 如何使用jquery显示多个文件.多文件.js
- 使用 PDF 打开 PDF 文件.js而不将文件作为查询字符串传递
- 转换颜色十六进制值以用于三个 JSON 文件.js
- 如何使用 jQuery 选择多个文件.多文件.js插件?使用单个关闭按钮一次选择多个文件
- 如何在 Gulp 任务中间添加 CSS 文件.js
- 如何从Dropzone上传和删除文件.js
- 如何在视频中添加视频文件.js 4.2.1.
- 从快速节点下载文件.js具有 JWT 授权
- 访问 JavaScript 文件.js中的 C# 变量
- 在节点中热重载外部 js 文件.js如果文件有任何更改
- 如何在一台服务器中运行不同的.js文件.js NODE JS中的文件
- 如何在多文件.js中上传文件时检查文件扩展名
- 将文件.js中的var导入到模块joomla的模板中,并使用后台进行修改
- 在path项目中编写文件js脚本