While working with yeoman, I've integrated grunt-php and managed to load PHP files successfully. However, the CSS file seems inaccessible. This could be due to SCSS not being compiled or the path in my index.php not pointing to the temporary CSS file.
I've experimented with different approaches like changing paths, but unfortunately, I haven't been able to resolve the issue yet.
Here is a snippet from my index.php header :
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>wine trip yo</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
<!-- build:js scripts/vendor/modernizr.js -->
<script src="bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->
</head>
And here's a glimpse of my Gruntfile :
// Generated on 2013-10-14 using generator-webapp 0.4.3
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
module.exports = function (grunt) {
// show elapsed time at the end
require('time-grunt')(grunt);
// load all grunt tasks
require('load-grunt-tasks')(grunt);
grunt.loadNpmTasks('grunt-php');
/* Rest of the configuration omitted for brevity */
});
grunt.registerTask('phpwatch', [
'useminPrepare',
'requirejs',
'bower',
'compass',
'php:watch',
'watch:livereload',
'watch'
]);
When running the server with "grunt phpwatch", the output indicates that all files are found except for "
/styles/main.css - No such file or directoryLATEST VERSION (02/12/2013):
Note: There is a bug in the name/out variable generation in requireJS. Hardcoding it has resolved the issue temporarily while the SCSS file generation continues to work smoothly.