Grunt nasıl kurulur ve onunla nasıl script oluşturulur

Question 1

Merhaba Grunt'u Windows 7 64 bit üzerine yüklemeye çalışıyorum. Grunt'ı komutları kullanarak kurdum

 npm install -g grunt
 npm install -g grunt-cli

ama şimdi yapmaya çalışırsam grunt init, bu bana bir hata veriyor -

Geçerli bir Gruntfile bulunamadı. Grunt'ı nasıl yapılandıracağınızla ilgili daha fazla bilgi için lütfen başlangıç kılavuzuna bakın: http://gruntjs.com/getting-started Önemli hata: Gruntfile bulunamıyor.

Ama sistemimdeki grunt klasörünün içine baktığımda Gruntfile.jsorada. Birisi bana bu grunt'u nasıl düzgün bir şekilde kuracağımı ve grunt kullanarak yerleşik Script'i nasıl yazacağımı yönlendirebilir mi? Grunt kullanarak bir betik oluşturmak istersem bir HTML sayfam ve java betiğim var bunu nasıl yapabilirim?

Question 2

GruntJS derlemesini kurmak için aşağıdaki adımlar şunlardır:

package.jsonYeni bir tane kurduğunuzdan veya kurduğunuzdan emin olun :
```
npm init
```
Grunt CLI'yi global olarak yükleyin:
```
npm install -g grunt-cli
```
Grunt'u yerel projenize yükleyin:
```
npm install grunt --save-dev
```
Oluşturma sürecinizde ihtiyaç duyabileceğiniz herhangi bir Grunt Modülünü kurun. Sadece bu örnek uğruna, dosyaları bir araya getirmek için Concat modülü ekleyeceğim:
```
npm install grunt-contrib-concat --save-dev
```

Şimdi Gruntfile.js, oluşturma sürecinizi tanımlayacak olanı kurmanız gerekiyor . Bu örnek için sadece iki JS dosyaları birleştirmek file1.jsve file2.jsiçinde jsklasöre ve üretmek app.js:

module.exports = function(grunt) {

    // Project configuration.
    grunt.initConfig({
        concat: {
            "options": { "separator": ";" },
            "build": {
                "src": ["js/file1.js", "js/file2.js"],
                "dest": "js/app.js"
            }
        }
    });

    // Load required modules
    grunt.loadNpmTasks('grunt-contrib-concat');

    // Task definitions
    grunt.registerTask('default', ['concat']);
};

Şimdi aşağıdaki komutu kullanarak derleme sürecinizi çalıştırmaya hazır olacaksınız:
```
grunt
```

Umarım bu size GruntJS build ile nasıl çalışılacağı konusunda bir fikir verir.

NOT:

grunt-initOluşturmak için kullanabilirsinizGruntfile.js5. adım için ham kodlama yerine sihirbaz tabanlı oluşturma istiyorsanız .

Bunu yapmak için lütfen şu adımları izleyin:

npm install -g grunt-init
git clone https://github.com/gruntjs/grunt-init-gruntfile.git ~/.grunt-init/gruntfile
grunt-init gruntfile

Windows kullanıcıları için: Eğer cmd.exe'yi kullanıyorsanız değişikliğine ihtiyaç ~/.grunt-init/gruntfileiçin %USERPROFILE%\.grunt-init\. PowerShell ~,.

Question 3

Bir süre WINDOWS için PATH değişkenini ayarlamamız gerekiyor

% USERPROFILE% \ AppData \ Roaming \ npm

Bu testten sonra where grunt

Not: Komut istemi penceresini kapatıp yeniden açmayı unutmayın.

Question 4

Aynı sorunu yaşadım, ancak Grunt.js'mi Gruntfile.js olarak değiştirerek çözdüm Windows cmd'de grunt.cmd yazmadan önce dosya adınızı kontrol edin (Windows kullanıyorsanız).

Question 5

Grunt-cli'yi projenin devDependency'leri kurmalı ve sonra bunu package.json dosyanızdaki bir betik aracılığıyla çalıştırmalısınız. Bu şekilde, proje üzerinde çalışan diğer geliştiricilerin tümü aynı grunt sürümünü kullanıyor olacak ve ayrıca kurulumun bir parçası olarak global olarak yüklemeleri gerekmeyecek.

Grunt-cli'yi npm i -D grunt-cliglobal olarak kurmak yerine ile kurun -g.

//package.json

...

"scripts": {
  "build": "grunt"
}

Sonra npm run buildhomurtu ateşlemek için kullanın .