วิธีติดตั้งคำรามและวิธีสร้างสคริปต์ด้วย

Question 1

สวัสดีฉันกำลังพยายามติดตั้ง Grunt บน Windows 7 64 บิต ฉันได้ติดตั้ง Grunt โดยใช้คำสั่ง

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

แต่ตอนนี้ถ้าฉันพยายามจะทำให้grunt initฉันเกิดข้อผิดพลาด -

ไม่พบ Gruntfile ที่ถูกต้อง โปรดดูคู่มือการเริ่มต้นใช้งานสำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีกำหนดค่า grunt: http://gruntjs.com/getting-started Fatal error: ไม่พบ Gruntfile

แต่เมื่อฉันดูภายในโฟลเดอร์ฮึดฮัดในระบบของฉันGruntfile.jsก็มี ใครช่วยแนะนำวิธีการติดตั้งคำรามนี้อย่างถูกต้องและวิธีการเขียนสคริปต์ที่สร้างขึ้นโดยใช้คำสั่ง ฉันมีหน้า HTML หนึ่งหน้าและสคริปต์ java หากฉันต้องการสร้างสคริปต์โดยใช้ Grunt ฉันจะทำอย่างไร

Question 2

ในการตั้งค่า GruntJS build นี่คือขั้นตอน:

ตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่าpackage.jsonหรือตั้งค่าใหม่:
```
npm init
```
ติดตั้ง Grunt CLI แบบโกลบอล:
```
npm install -g grunt-cli
```
ติดตั้ง Grunt ในโครงการในพื้นที่ของคุณ:
```
npm install grunt --save-dev
```
ติดตั้งโมดูล Grunt ที่คุณอาจต้องการในกระบวนการสร้างของคุณ เพื่อประโยชน์ของตัวอย่างนี้ฉันจะเพิ่มโมดูล Concat สำหรับการรวมไฟล์เข้าด้วยกัน:
```
npm install grunt-contrib-concat --save-dev
```

ตอนนี้คุณต้องตั้งค่าGruntfile.jsซึ่งจะอธิบายกระบวนการสร้างของคุณ สำหรับตัวอย่างนี้ผมแค่รวมสองไฟล์ JS file1.jsและfile2.jsในjsโฟลเดอร์และสร้าง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']);
};

ตอนนี้คุณพร้อมที่จะเรียกใช้กระบวนการสร้างของคุณโดยทำตามคำสั่ง:
```
grunt
```

ฉันหวังว่านี่จะช่วยให้คุณทราบถึงวิธีการทำงานกับ GruntJS build

บันทึก:

คุณสามารถใช้grunt-initสำหรับการสร้างGruntfile.jsหากคุณต้องการสร้างโดยใช้วิซาร์ดแทนการเข้ารหัสดิบสำหรับขั้นตอนที่ 5

โดยทำตามขั้นตอนต่อไปนี้:

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

สำหรับผู้ใช้ Windows: หากคุณใช้ cmd.exe คุณต้องเปลี่ยน~/.grunt-init/gruntfileเป็น%USERPROFILE%\.grunt-init\ไฟล์. PowerShell จะจดจำไฟล์~.

Question 3

บางครั้งเราต้องตั้งค่าตัวแปร PATH สำหรับ WINDOWS

% USERPROFILE% \ AppData \ Roaming \ npm

หลังจากนั้นทดสอบด้วย where grunt

หมายเหตุ: อย่าลืมปิดหน้าต่างพรอมต์คำสั่งแล้วเปิดใหม่

Question 4

ฉันพบปัญหาเดียวกัน แต่ฉันแก้ไขได้ด้วยการเปลี่ยน Grunt.js ของฉันเป็น Gruntfile.js ตรวจสอบชื่อไฟล์ของคุณก่อนพิมพ์ grunt.cmd บน windows cmd (หากคุณใช้ windows)

Question 5

คุณควรติดตั้ง grunt-cli เข้ากับ devDependencies ของโปรเจ็กต์จากนั้นเรียกใช้ผ่านสคริปต์ใน package.json ของคุณ วิธีนี้นักพัฒนาคนอื่น ๆ ที่ทำงานในโครงการจะใช้เวอร์ชันเดียวกันและไม่ต้องติดตั้งทั่วโลกเป็นส่วนหนึ่งของการตั้งค่า

ติดตั้ง grunt-cli npm i -D grunt-cliแทนการติดตั้งทั่วโลกด้วย-g.

//package.json

...

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

จากนั้นใช้npm run buildในการดับเสียงฮึดฮัด