2016-10-18 66 views
1

我以前從未使用npm,所以我可能不會問這個問題應該如何提問,但我無法在任何地方找到這些信息。假設我對使用this module感興趣。作者要求我通過在命令行中輸入以下內容來安裝我所做的模塊。如何直接在我的項目中使用npm模塊?

npm install --save critical 

之後我迷路了。作者寫了一堆線,但我不知道把它們放在哪裏。

var critical = require('critical'); 

critical.generate({ 
    inline: true, 
    base: 'test/', 
    src: 'index.html', 
    dest: 'index-critical.html', 
    width: 1300, 
    height: 900 
}); 

我在哪裏可以把這個代碼,如何運行它。我試圖創建一個名爲criticaldemo.js的文件,並將所有代碼放在那裏,但是通過命令行運行它卻什麼也沒做。要通過命令行運行它,我用下面的命令:

$ criticalfile.js 

任何人都可以請幫助我瞭解如何使用NPM模塊?

+0

它是否在CONSOL中打印任何內容è? – zero298

+0

@ zero298控制檯剛剛閃過。我看不到任何東西。我不是在談論這個特定的模塊。我有興趣學習如何使用這些模塊。這只是供參考。:) –

+0

你是雙擊一個.bat文件或什麼的?打開一個實際的命令提示符並在那裏運行腳本。 – zero298

回答

1

讓我們假設你的項目目錄結構如下:

project 
    criticaldemo.js 

您應該導航到project和運行

npm init 

這將創建package.json你的項目中。您只需按每個問題的回車即可使用默認值。

如果您願意,也可以根據requirements手動創建package.json

下面是它應該如何看,作爲最低限度(必須至少有一個nameversion):

{ 
    "name": "my-cool-project", 
    "version": "1.0.0" 
} 

無論哪種方式,在這一點上你的目錄應該是這樣的:

project 
    criticaldemo.js 
    package.json 

接下來,您運行:

npm install --save critical 

這將創建目錄node_modules與你的包裏面它:

目錄結構:

project 
    criticaldemo.js 
    package.json 
    node_modules 

現在你criticaldemo.js裏面,你把代碼包的作者說:

var critical = require('critical'); // this loads the package from node_modules/critical 

critical.generate({ 
    inline: true, 
    base: 'test/', 
    src: 'index.html', 
    dest: 'index-critical.html', 
    width: 1300, 
    height: 900 
}); 

最後運行使用節點的程序:

node criticaldemo.js 
+0

非常感謝你nemo035。我還有一個問題,這些軟件包的名稱是什麼?我的意思是他們模塊或包?他們的專有名稱是「節點模塊」嗎? –

+1

不客氣。不確定你對「專名」的含義是什麼?它們都是包和模塊。它們作爲包存儲在'npm'中,但是它們在代碼中用作'modules',因爲它們是獨立的代碼模塊單元。雖然沒有適當的名字,但它們都是。 – nem035

相關問題