導航:首頁 > 程序命令 > packagejson命令

packagejson命令

發布時間:2023-06-13 06:47:14

㈠ grunt 怎麼安裝已經配置好的packet.json

第一步:搭建環境,主要是nodejs, npm, grunt(grunt-cli)
$ mkdir installGrunt
$ cd installGrunt

$ npm install grunt --save-dev #如果看到如下信息表示grunt安裝成功
$ grunt --version
grunt-cli v0.1.13
grunt v0.4.5

第二步:創建 package.json

# 在項目的根目錄下創建package.json文件
(1)根據grunt-init模板自動創建一個特定的package.json文件;(需要先安裝 npm install -g grunt-init)
(2)在命令終端通過npm init命令自動創建一個基本的package.json文件;(親自測試過)
(3)從官網上復制或者下載一個package.json文件;(對新手最方便)
(4)手工創建一個package.json文件;(對高手最方便)

添加依賴
(1)逐個添加,逐個執行命令 $ npm install XXX --save-dev
XXX是常用插件名,如grunt-contrib-jshint
最好是全稱,不要簡寫。我曾試過 npm install cssmin --save-dev 生成了無用的東西。

(2)也可以一次在package.json中添加多個插件,然後一次執行命令 $ npm install
安裝聲明的依賴關系grunt插件同時, 在項目根目錄下添加一個node_moles目錄,目錄中放置對應grunt插件所需的插件目錄名。
註:當你給npm install添加 --save-dev標志是,一個波浪線范圍將被用於你的package.json中。(建議)

第三步:創建Gruntfile.js
# 添加自己合適的gruntfile配置,運行,得出預期輸出
mowww.hbbz08.com le.exports=function(grunt){
//任務配置
grunt.initConfig({
});
//載入任務
grunt.loadNpmTasks();
//注冊任務
grunt.registerTask();
}
內容參見demo1

$ grunt #

運行成功,在目標目錄下創建了一個壓縮後的js,引用壓縮後的js,效果一樣。

實踐2:加上css壓縮的過程

1,在package.json使用命令加一個插件
npm install grunt-contrib-cssmin --save-dev #一開始使用npm install cssmin不對,下了兩個

2,在Gruntfile.js中三個部分都加入cssmin相關的命令

3,運行grunt

註:如果已經在initConfig里配置了uglify和cssmin,則不能再注冊任務名為uglify和cssmin,報錯如下
(node) warning: Recursive process.nextTick detected. This will break in the next version of node.
Please use setImmediate for recursive deferral(遞歸延遲).

解決辦法:注釋掉
//grunt.registerTask("uglify",['uglify']);
//grunt.registerTask("cssmin",['cssmin']);
grunt.registerTask("default",['uglify','cssmin']);//默認執行的任務

閱讀全文

與packagejson命令相關的資料

熱點內容
win7下引導linux 瀏覽:793
陝西bgp伺服器雲主機 瀏覽:934
ug編程有幾種加工方式 瀏覽:447
錘子手機如何添加桌面文件夾 瀏覽:465
公司早會拍照用哪個app好 瀏覽:424
學習打卡聲音解壓視頻 瀏覽:824
如何使用代理伺服器加速上網 瀏覽:266
找企業負責人電話用什麼app 瀏覽:427
linux創建文本文件命令 瀏覽:390
計算機中文檔加密保護操作步驟 瀏覽:387
地暖解壓管 瀏覽:465
貪心演算法dijkstra 瀏覽:38
買零食用什麼app可以隔天到 瀏覽:632
android控制項動態設置高度 瀏覽:340
python網路編程pdf下載 瀏覽:96
java重排序 瀏覽:465
什麼app可以修改別人網路密碼 瀏覽:728
python如何遍歷list 瀏覽:71
mac查看文件大小命令 瀏覽:900
數據結構java下載 瀏覽:420