gruntjs

A solution for two-binding between angular and a style sheet

痞子三分冷 提交于 2019-12-04 14:18:26
问题 I know this sounds silly but I'm writing a wysiwyg editor that allows Designers to create style guides. I've become very fascinated with 2 way binding in angular and was curious if it was possible to two-way bind between a css sheet and a ng-model input field. Currently, I'm making a dynamic style guide that allows a designer to colorpick a primary, secondary colors of a page. These color will change the entire theme of the site uniformly and it would be awesome to do this from the stylesheet

Font-awesome not working with yeoman generator pushed to Heroku

风流意气都作罢 提交于 2019-12-04 14:10:25
问题 I'm using the Yeoman generator "angular-fullstack". With a freshly generated "angular-fullstack" scaffold, I perform a bower install --save components-font-awesome then add in a font-awesome icon to the main.html template, build and push it up to heroku, and I see a grey box where the icon should be. However, if I perform a grunt serve locally, I can see the icon as I expect. I don't know if this is a Yeoman Angular-fullstack issue, grunt issue, font-awesome issue or Heroku issue so I'm

Grunt serve + PHP?

两盒软妹~` 提交于 2019-12-04 13:23:10
问题 I'm starting my first project with yo + grunt + angular.js. I have a service which needs to read some data from my server; I built it using angular $http service. I've also built a RESTful web service (implemented in PHP, but it could be Java, C, Perl, ..., it doesn't matter) which exposes an API to get the data. The server from which grunt serves my ng-app is currently (and probably will ever be) the same from where the PHP web service is run (by apache). I wonder if this is an acceptable

Yeoman, How to reference a bower package (font-awesome)?

拟墨画扇 提交于 2019-12-04 12:59:09
I'm totally new to Yeoman and I'm facing an issue with it after setting up my project I decided that I want to use font-awesome so I installed it using bower and it works fine the issue is that font-awesome is not in the dist/bower_components folder but when I reference the css file of font-awesome in the html page like this <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css"> it works in the localhost but still no files in dist/bower_components except for requirejs so how can I tell grunt to copy font-awesome's files to the dist/bower_components folder ? I would

How to run Grunt tasks during Xcode build phase?

丶灬走出姿态 提交于 2019-12-04 11:26:31
I am developing a web application, which includes GruntJS build tasks. I deploy it using Phonegap/Cordova in the Xcode IDE. I would like to integrate the grunt build process into my Xcode project to simplify running the project. Ideally Xcode should run all the processes that I manually invoke using the Grunt CLI beforehand. My Gruntfile.js lies within the root Xcode project directory. I have a local grunt install (0.4.0rc4) in node_modules and grunt-cli installed globally. project - multiple project dirs ... - node_modules - www-src - www project.xcodeproj Gruntfile.js I have tried adding a

grunt-bower-task and Polymer

匆匆过客 提交于 2019-12-04 10:59:50
I cannot seem to find an easy way to copy all the files from Polymer to using grunt-bower-task . grunt.initConfig({ bower: { install: { options: { targetDir: 'wwwroot/lib', layout: 'byComponent', install: true, copy: true, verbose: true, cleanTargetDir: false, bowerOptions: {} } } } I understand that only the main files defined inside each element's bower.json file get copied over. I am also aware that I could put a exportsOverride section in my own bower.json to include more files like this - "exportsOverride": { "*": { "": "*.*", "demo": "demo/*.*", "test": "test/*.*" } } But this doesn't

How to Debug Grunt Mocha Task?

梦想与她 提交于 2019-12-04 10:45:21
问题 I am using WebStorm to run a grunt task. The debugger successfully stops at the breakpoint in the Gruntfile.js file, but not in my task file. In the Gruntfile.js I register a task like this: grunt.initConfig({ ... configuration ... }); grunt.registerTask('myTask', ['mocha:myTask']); When I set a breakpoint in the corresponding js file for the test 'myTask' it doesn't stop. How can I debug also the grunt tests? --- UPDATE --------------------------------------- so i tried all of your possible

front end development workflow with angularjs and gruntjs

倾然丶 夕夏残阳落幕 提交于 2019-12-04 10:36:25
问题 I wanted to know how the front end development workflow is organized when we use HTML 5 and angularjs. We use a Jetty java back end (Cannot be changed), and we want to expose restful services which the angularjs can consume. With angularjs it so happens that the main page needs to include many js files, most of which are application specific, we intend to split the application logically in js files. So how would you recommend having the front end development workflow ?, in order to avoid

arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6')

情到浓时终转凉″ 提交于 2019-12-04 10:14:09
问题 Currently I'm running my tests with protractor/grunt but I'm getting the follow error message: 'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6'). I think my .jshintrc file is not being read, because I've added this condition. .jshintrc { "esversion": 6 } Gruntfile.js jshint : { all: ["tests/API/**/*.js"], options: { undef: true, mocha: true, node: true, jshintrc: true, esversion: 6, globals: { require: true, module: true, console: true, esversion: 6, } }, ui: ["tests

Generating source maps from browserify using grunt

余生长醉 提交于 2019-12-04 09:58:58
问题 I have followed the instructions here: https://www.npmjs.org/package/grunt-browserify, to try and set up source maps for browserify on grunt. The options for browserify in my gruntfile are : browserify: { options: { bundleOptions : { debug: true } }, dist: { files: { "public/client.bundle.js": ["bundle.js"] } } } The generation of bundle.js happens without any issues, however the source map generation does not happen. Is there anything wrong with my grunt-browserify options. Thanks for