It sounds like the common issue of Angular’s reliance on the name of arguments for dependency injection. Make sure when you pass dependencies that you include the dependency names as strings so that Angular will know what to inject after minification (since string values won’t be changed in the minification process). myApp.controller(‘myCtrl’, [‘$scope’, ‘$http’, function($scope, … Read more
To expand on veg_prog’s answer, you should use something like Browserify if you want to organize your code into modules. Browserify can be used with Grunt via grunt-browserify, and Babel can be used with Browserify via babelify. I’ve tweaked some of your files to show you how it can be done: index.html <!DOCTYPE html> <html> … Read more
Uglify is for Javascript not CSS. Try using http://github.com/gruntjs/grunt-contrib-cssmin to minify CSS using Grunt.
Figured it out: //Does not work dest : [‘build/index.html’] Works as a string, but not an array: //Works dest : ‘build/index.html’
The very short answer is grunt serve:dist That works with my yeoman-generated Gruntfile.js which contains: grunt.registerTask(‘serve’, function (target) { if (target === ‘dist’) { return grunt.task.run([‘build’, ‘connect:dist:keepalive’]); } grunt.task.run([ ‘clean:server’, ‘bower-install’, ‘concurrent:server’, ‘autoprefixer’, ‘connect:livereload’, ‘watch’ ]); });
The simplest way: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> </head> <body> <div id=”root”></div> <script src=”https://unpkg.com/react@16/umd/react.development.js”></script> <script src=”https://unpkg.com/react-dom@16/umd/react-dom.development.js”></script> <script src=”https://unpkg.com/@babel/standalone/babel.min.js”></script> <script type=”text/babel”> class Hello extends React.Component{ render() { return <p>Hello {this.props.name}</p>; }; } ReactDOM.render( <Hello name=”World”/>, document.getElementById(‘root’), ); </script> </body> </html>
You can use that syntax but it means pass these arguments to the htmlmin task: allFiles, ‘collapse=true’. For example, given the following task: grunt.registerTask(‘so’, function(arg1, arg2) { console.log(arg1 + “, ” + arg2); }); Running: grunt so:barley:test=true Gives the following output: barley, test=true There are other ways to pass parameters/share info described in the faq: … Read more
*sighs*, sorry. All it took me is to write this question to then figure out I needed to have installed Ruby and the compass gem. Now it makes sense: the process for compiling would not spawn up. After installing Ruby, run: gem install compass And you should be good to go. EDIT: After you install … Read more
You need to enable source maps on both the concat and uglify tasks, and you must specify the sourceMapIn option for the uglify task. Here’s a sample grunt config: concat : { options : { sourceMap :true }, dist : { src : [‘www/js/**/*.js’], dest : ‘.tmp/main.js’ } }, uglify : { options : { … Read more
You are close! Welcome to JavaScript 🙂 Let me give you a short description and one feature that most developers spend some time with. bower Focuses on packages that are used in the browser. Each bower install <packagename> points to exactly one file to be included for (more can be downloaded). Due to the success … Read more