[TASK] Inject config.json inline

This commit is contained in:
Xaver Maierhofer 2016-06-01 22:20:14 +02:00
parent 1c69363233
commit db8af292e3
6 changed files with 24 additions and 5 deletions

View File

@ -3,7 +3,7 @@ module.exports = function (grunt) {
grunt.loadTasks("tasks");
grunt.registerTask("default", ["bower-install-simple", "lint", "copy", "sass", "postcss", "requirejs:default", "cachebreaker", "inline"]);
grunt.registerTask("default", ["bower-install-simple", "lint", "copy", "sass", "postcss", "requirejs:default", "inlinedata", "cachebreaker", "inline"]);
grunt.registerTask("lint", ["sasslint", "eslint"]);
grunt.registerTask("serve", ["bower-install-simple", "lint", "copy", "sass", "requirejs:dev", "browserSync", "watch"]);
grunt.registerTask("serve", ["bower-install-simple", "lint", "copy", "sass", "requirejs:dev", "inlinedata", "browserSync", "watch"]);
};

4
app.js
View File

@ -23,6 +23,6 @@ require.config({
}
});
require(["main", "helper"], function (main, helper) {
helper.getJSON("config.json").then(main);
require(["main"], function (main) {
main(jsonData);
});

View File

@ -6,6 +6,9 @@
<link rel="stylesheet" href="roboto-slab-fontface.css">
<link rel="stylesheet" href="css/roboto-fontface.css">
<link rel="stylesheet" href="style.css?__inline=true">
<script>
var jsonData = __inline(config.json);
</script>
<script src="vendor/es6-shim/es6-shim.min.js?__inline=true"></script>
<script src="app.js"></script>
</head>

View File

@ -26,6 +26,7 @@
"grunt-contrib-watch": "^1.0.0",
"grunt-eslint": "^18.1.0",
"grunt-inline": "^0.3.6",
"grunt-inline-data": "0.0.6",
"grunt-postcss": "^0.8.0",
"grunt-sass": "^1.2.0",
"grunt-sass-lint": "^0.2.0"

View File

@ -17,6 +17,12 @@ module.exports = function (grunt) {
cwd: "bower_components/",
dest: "build/vendor/"
},
config: {
src: ["config.json"],
expand: true,
cwd: ".",
dest: "build/"
},
robotoSlab: {
src: ["fonts/*",
"roboto-slab-fontface.css"
@ -74,6 +80,14 @@ module.exports = function (grunt) {
dest: "build/index.html"
}
},
inlinedata: {
injs: {
expand: true,
cwd: '.',
src: ['build/*.html'],
ext: '.html'
}
},
"bower-install-simple": {
options: {
directory: "<%=bowerdir%>",
@ -128,5 +142,6 @@ module.exports = function (grunt) {
grunt.loadNpmTasks("grunt-sass");
grunt.loadNpmTasks("grunt-postcss");
grunt.loadNpmTasks("grunt-inline");
grunt.loadNpmTasks('grunt-inline-data');
grunt.loadNpmTasks("grunt-cache-breaker");
};

View File

@ -25,7 +25,7 @@ module.exports = function (grunt) {
watch: {
html: {
files: ["html/index.html"],
tasks: ["copy"]
tasks: ["copy", "inlinedata"]
},
sass: {
files: ["scss/**/*.scss"],