ホームページ  >  記事  >  ウェブフロントエンド  >  gulpを始めるために知っておくべきこと

gulpを始めるために知っておくべきこと

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-14 09:17:001349ブラウズ

今回はgulpを始めるために知っておきたいことと、gulpを使う際に知っておきたいことをお届けします注意事項以下は実践的なケースですので、見ていきましょう。

1. gulp をグローバルにインストールします
1. gulp をグローバルにインストールする目的は、gulp タスクを実行することです。

npm install gulp -g


3.正しくインストールされています: コマンド プロンプトから

gulp -v


を実行します。バージョン番号が表示されれば、正しくインストールされています。

2. プロジェクトに gulp をインストールします


npm install --save-dev gulp


-注: gulp をグローバルにインストールすると gulp タスクが実行され、gulp をローカルにインストールすると gulp プラグインの機能が呼び出されます。

3. gulp の特定のモジュールをインストールします (例として gulp-less を使用し、less ファイルをコンパイルします)


npm install gulp-less --save-dev


4. 新しい package.json ファイルを作成します

npm init


プロンプトに従って、プロジェクト情報を入力します。

5. プロジェクトのルート ディレクトリに新しい gulpfile.js ファイルを作成します。gulpfile.js は gulp プロジェクトの

設定ファイル
で、プロジェクトのルート ディレクトリにある通常の 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

1. npm インストール プラグインは海外のサーバーからダウンロードされ、ネットワークの影響を大きく受けます。例外が発生する可能性があります。npm のサーバーが中国にあれば素晴らしいのですが、タオバオ チームがこれを実行しました。公式 Web サイトから: 「これは完全な npmjs.org ミラーです。公式バージョン (読み取り専用) の代わりにこれを使用できます。公式サービスとの同期を確保するために、同期頻度は現在 10 分に 1 回です。可能な限り。";

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へのノード接続の実装方法


JS正規表現

使用方法

以上がgulpを始めるために知っておくべきことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。