gulp tutorial

1. Run NPM download dependency component in the virtual device times wrong: NPM err! Eproto:protocol error, Symlink ... Solution: Add parameter--no-bin-links when running NPM NPM Install--no-bin-links 2. Execute gulp command times wrong: Enoent:no such file or directory, Scandir '/home/vagrant/code/sample/node_modules/node-sass/vendor ' Solution: Regenerate node-saaa with NPM NPM Rebuild Node-sass--no-bin-links When using NPM install in

Let's start by installing the plugins you need for this lesson:NPM install raw-loader--save-dev// Example: var header = require ("xxx.html"), the HTML content will be read out　　This is a webpack loader that can return a file as if it were a string.Here are two ways to use the loader:1. Write in our webpack config file{test:/\.html$/,loader: "Loader name"}// This means that all HTML suffixes will use this loader to handle2. Call the loader when requireRequire ("Loader name!xxx.html");Here, we wil

Because of the project needs, I will replace the common.js with Build.min.js, and then use the build.min.js=> Build-te234ds.min.js such a form of substitution, but I found that how to replace the Common.js can not be replaced, after analysis found that:Only the name conforms to the standard to replace the success, not manually modify the file to the time when the modification is unsuccessful, such as common.js=>common-tes234.js, such as the form of success, and not like common.js->build.min.js.R

Similar to Grunt,gulp is another powerful front-end project automation tool.Here's how the Project works:Another page:Requirements: node. js Gulp.js Bower Download the project code locally,Enter the directory and execute the following command:1 cd My-demo2npm install3 Bower InstallAfter the installation is complete, run the following command:1 GulpNow the project has run, all the files in the SRC directory will be compiled to generate th

*: Matches 0 or more characters in the file path, but does not match the path separator, unless the path separator appears at the end**: Matches zero or more directories in the path and Their subdirectories.? : Match a character in the file path (does not match the path separator)[...]: Match any character in square brackets! (Pattern | pattern)Matches any pattern specified in the brackets.? (Pattern | pattern)Matches any given pattern in parentheses 0 or 1 times, similar to (pattern | pattern)

For a long time did not make gulp, all quickly forget, today to review the next Browser-sync automatic refresh plug-in, the installation of the following prompt:$ npm Install browser-sync--save-devWhen this tip comes up, you'll find that the code is not moving, and you might think that the code has stopped running (I thought so). However, this is just a hint, continue to wait on it, if the final installation failure can be tried a few more times.Today

(!target | |!args.t) { Throw('Target'+ ARGS.T +'does not exist');}Constenv =OPTIONS.TARGETS[ARGS.T].ENV[ARGS.E];if(!env | |!ARGS.E) { Throw('Environment'+ ARGS.E +'does not exist');} Let platform='Android';if(ARGS.T = ='Mobile') {Platform=OPTIONS.TARGETS[ARGS.T].PLATFORMS[ARGS.P]; if(!platform) { Throw('Platform'+ ARGS.P +'does not exist'); }}Then modify the Config/index.js file to add a property to exports to use when Target=webappBuildwebapp: { '.. /dist/index.html'), '. /di

Today encountered a super wonderful problem, using Gulp.watch monitoring file changes, but did not modify the file, but always perform the change, resulting in unlimited browser refreshCommissioning for 10 hours, the code of various deletions, has not been its solution. Switching to Windows running, and normal, is not a Mac system problem. But in a logical case, Mac is a better computer for programmers, and there is no such problem.Delete node, use NVM to install different versions of node to te

The problem arises because after compression the variables become, E, S, T, and so on, the methods that need to rely on injection are not injected with brackets, but are used directly in the parameters of the function, resulting in the inability to recognize the modules that require dependency injection after compression. For example: var module= angular.module (' Homeapp ', [' ui.router ']); Module.config (function ($sceProvider) { $sceProvider. Enabled (false); }) To

Basic laravel tutorial -- Introduction to alchemy Laravel Elixir Laravel Elixir provides simple and fluent APIs for defining basic Gulp tasks for your applications. Elixir provides several common CSS and JavaScript preprocessors and testing tools. Elixir allows you to perform fluent operations on your resource pipeline through chained calls. For example: elixir(function (mix) { mix.sass('app.scss') .c

Here we will use POSTCSS to create a cross-browser compatibility stylesheet. What we are going to do:Prefix with an automatic prefixAdd a series of IE versions and retreat back to IE8, IE9, and IE10To add a Will-change property to a property that is not supportedSet up the projectThe first thing you need to do is to use Gulp or grunt to set up your project. If you don't have a perfect project template, I recommend that you use

Preach Wisdom Blog Video tutorial Download summary |java video tutorial |net video tutorial |php video tutorial | Web video Tutorial Preach Wisdom Blog Video tutorial Download summary |java video

Gulp is a flow-based automated build toolOfficial Website: http://www.gulpjs.com.cn/ first, Install the required modules1, New package.json, Enter the following content{ "name": "autopractice", "version": "1.0.0", "description": "", "main":

一、gulpis a tool chain, build tools, can be used with a variety of plug-ins to do JS compression, CSS compression, less compilation instead of manual implementation of automated work1. Build Tools2. Automation3. Improve efficiency二、webpackis a file

Preach Wisdom Blog Video tutorial Download summary |java video tutorial |net video tutorial |php video tutorial | Web video Tutorial

of the subtasks it relies on in one task. The following creates a default task in Gulpfile.js // default gulp taskgulp.task(‘default‘, [‘imagemin‘, ‘htmlpage‘, ‘scripts‘, ‘styles‘], function() {}); Then run the following command at the command line gulp All tasks are performed in order.But it's too much trouble to do it all the time. Gulp