ホームページ > 記事 > ウェブフロントエンド > gulpを始めるために知っておくべきこと
今回はgulpを始めるために知っておきたいことと、gulpを使う際に知っておきたいことをお届けします注意事項以下は実践的なケースですので、見ていきましょう。
1. gulp をグローバルにインストールします
1. gulp をグローバルにインストールする目的は、gulp タスクを実行することです。
3.正しくインストールされています: コマンド プロンプトから
gulp -v
を実行します。バージョン番号が表示されれば、正しくインストールされています。
npm install --save-dev gulp
-注: gulp をグローバルにインストールすると gulp タスクが実行され、gulp をローカルにインストールすると gulp プラグインの機能が呼び出されます。
npm install gulp-less --save-dev
4. 新しい package.json ファイルを作成します
npm init
プロンプトに従って、プロジェクト情報を入力します。
設定ファイル
で、プロジェクトのルート ディレクトリにある通常の js ファイルです (実際には、gulpfile.js も作成できます)。他のフォルダーに配置される) の場合、ファイルの例は次のとおりです: //导入工具包 require('node_modules里对应模块')var gulp = require('gulp'), //本地安装gulp所用到的地方
less = require('gulp-less');//定义一个testLess任务(自定义任务名称)gulp.task('testLess', function () {
gulp.src('src/less/index.less') //该任务针对的文件
.pipe(less()) //该任务调用的模块
.pipe(gulp.dest('src/css')); //将会在src/css下生成index.css});
gulp.task('default',['testLess', 'elseTask']); //この例では、デフォルトのタスク elseTask を他のタスクとして定義します。 elseTask タスクを定義しない //gulp.task(name [, deps], fn) タスク名を定義します: タスク名 deps: 依存タスク名 fn:
//gulp.src(globs[, options]) タスクを実行します処理ファイルのグロブ: 処理されたファイルのパス (文字列または文字列配列) //gulp.dest(path[, options]) 処理後、ファイルはパスで生成されます
6. オプションの cnpm
2. 公式 Web サイト: http://npm.taabao.org;
3. インストール: コマンド プロンプトで npm install cnpm -g --registry=
https://
registry.npm.taabao を実行します。 .org; 注: バージョン番号 cnpm -v を確認するか、インストール後に直接使用すると、エラーが発生する可能性があります。 npm と同じで、コマンドを実行するときに npm を cnpm に変更するだけです
この記事のケースを読んだことがあるはずです。この方法はマスター済みです。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
mysqlへのノード接続の実装方法
使用方法以上がgulpを始めるために知っておくべきことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。