手順は大まかに以下のとおりです
新しいプロジェクト Bejs
新しいファイル package.json
新しいファイル Gruntfile.js
コマンド ラインから grunt タスクを実行します
1. 新プロジェクト Bejs
ソース コードは src の下に配置されます。このディレクトリには、selector.js と ajax.js という 2 つの js ファイルがあります。コンパイルされたコードは dest に配置され、grunt によって自動的に生成されます。
2. 新しい package.json を作成します
package.json はルート ディレクトリに配置され、プロジェクト名、説明、バージョン番号、依存パッケージなどのプロジェクトのメタ情報が含まれます。ソースコードと同様に svn または git に commit する必要があります。 現在のプロジェクト構成は以下の通りです
package.json のコンテンツは、次のような JSON 構文仕様に準拠する必要があります
{
"name": " Bejs",
"version": "0.1.0",
"devDependency": {
"grunt": "~0.4.0",
"grunt-contrib-jshint": " ~0.1.1",
"grunt-contrib-uglify": "~0.1.2",
"grunt-contrib-concat": "~0.1.1"
}
}
前の記事で devDependency の Grunt がインストールされましたが、grunt-contrib-jshint/grunt-contrib-uglify/grunt-contrib-concat はインストールされていません。 3 つのタスクにそれぞれ 3 つ
grunt-contrib-jshint js 構文チェック
UglifyJS を使用した grunt-contrib-uglify 圧縮
grunt-contrib-concat マージ ファイル
この時点で、コマンド ライン ツールを開いてプロジェクトのルート ディレクトリに入り、次のコマンドを入力します: npm install
ルート ディレクトリを再度確認すると、図
3. 新しいファイル Gruntfile.js を作成します
Gruntfile.js もプロジェクトのルート ディレクトリに配置されます。これは通常の js ファイルであり、JSON だけでなく任意の js コードを書き込むことができます。 package.jsonと同様に、ソースコードと同様にsvnまたはgitに送信する必要があります。
Gruntfile.js は次のコンテンツで構成されます
ラッパー関数は次のような構造になっています。これは、Node.js の一般的な記述方法です。
module.exports = function(grunt) {
// ここで Grunt 関連のことを行います
};
プロジェクトとタスクの構成
grunt プラグインとタスクをロードする
実行タスクをカスタマイズする
この例では次のタスクを実行します
src (ajax.js/selector.js) 下のファイルを domop.js にマージします
domop.js を domop.min.js に圧縮します
両方のファイルは dest ディレクトリに配置されます
最終的な Gruntfile.js は次のとおりです
module.exports = function(grunt) {
// 構成
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat : {
domop : {
src: ['src/ajax.js', 'src/selector.js'],
dest: 'dest/domop.js'
}
")%> '
}
}
});
// concatおよびuglifyプラグインをそれぞれロードします。 ');
grunt.loadNpmTasks ('grunt-contrib-uglify');
// タスクを登録します
grunt.registerTask('default', ['concat', 'uglify']);
};
4. grunt タスクを実行します
コマンドラインを開き、プロジェクトのルートディレクトリを入力し、「grunt」と入力します
OK、ここに 2 つの一般的なタスクがあります: concat と uglify、jshint などは紹介されていません。 Gruntfile.js のコードは 1 つずつ解釈されているわけではありません。興味のある学生は、gruntjs の公式ドキュメントを参照してください。

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

本篇文章带大家详解package.json和package-lock.json文件,希望对大家有所帮助!

本篇文章给大家分享一个Nodejs web框架:Fastify,简单介绍一下Fastify支持的特性、Fastify支持的插件以及Fastify的使用方法,希望对大家有所帮助!

如何用pkg打包nodejs可执行文件?下面本篇文章给大家介绍一下使用pkg将Node.js项目打包为可执行文件的方法,希望对大家有所帮助!

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

本篇文章给大家分享一个Node实战,介绍一下使用Node.js和adb怎么开发一个手机备份小工具,希望对大家有所帮助!

先介绍node.js的安装,再介绍使用node.js构建一个简单的web服务器,最后通过一个简单的示例,演示网页与服务器之间的数据交互的实现。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SublimeText3 中国語版
中国語版、とても使いやすい

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ホットトピック



