模塊化--node.js和webpack初識

如何全局安裝一個 node 應用?

npm install -g xxx,模塊將會安裝在電腦的全局目錄中,安裝的模塊能夠在所有目錄下使用。

package.json 有什么作用?

作用:

  • 相當于你本地項目的一個文檔說明。
  • 允許你指定你項目中所使用的node包的版本。
  • 構建你的項目更加容易,便于給其他人共享。
    {
        "name": "my_package",     //你的項目名稱,全部小寫,不能有空格,一個單詞,允許-和_. 如果是要發布自己的node插件,一般用github上面項目名稱。 下次有機會說明 npm 上面的發布流程。

        "version": "1.0.0",  //你的項目版本號,最好遵守 GNU 版本號管理。 

        "main": "index.js", //目錄中啟動文件名稱?;蛘叻Q之為入口文件,一般都是 index.js

        "scripts": {

            "test": "echo \"Error: no test specified\" && exit 1"    //一般默認一個test的空文件夾、用作寫測試代碼。
        },

        "keywords": [],  //項目的關鍵詞。 一般用不到,發布npm才用得到。

        "author": "ag_dubs", //作者名稱

        "license": "ISC", //協議 

        "repository": {  // 用來存放到 版本管理遠程服務。 發布npm才有用

            "type": "git",

            "url": "https://github.com/ashleygwilliams/my_package.git"
        },

        "dependencies": {   // 正式使用時,依賴的包

            "my_dep": "^1.0.0"
        },

        "devDependencies" : {//開發或者測試時,依賴的包。

            "my_test_framework": "^3.1.0"
        }

        "bugs": {  //同repository

            "url": "https://github.com/ashleygwilliams/my_package/issues"

        },

        "homepage": "https://github.com/ashleygwilliams/my_package"  //項目主頁、 發布才有用
    }

一般情況,如果是自己的項目,特別是前端的人,會使用到gulp或者grunt來打包自己的項目,并且一般不會吧node_modules上傳到git上面,所以需要package來管理自己打包所需的插件,以便于項目中其他人員共享,這個文件的好處就是一個人添加某個插件后,更改了這個文件,其他人員只需要同步此文件,然后執行npm install命令,即可安裝同樣的包。

npm install --save app 與 npm install --save-dev app有什么區別?

--save 會把依賴包名稱添加到 package.json 文件 dependencies 鍵下,devDependencies 下列出的模塊,是我們開發時用的;
--save-dev 則添加到 package.json 文件 devDependencies 鍵下,dependencies 下的模塊,則是我們發布后還需要依賴的模塊,譬如像jQuery庫或者Angular框架類似的,我們在開發完后后肯定還要依賴它們,否則就運行不了。

nodule_modules的查找路徑是怎樣的?

先從本地目錄下尋找,不存在就依次向上級目錄中查詢,直到系統根目錄。node全局安裝在系統根目錄下,所以全局安裝后可在所有目錄下使用。

使用 webpack 替換 入門-任務15中模塊化使用的 requriejs

http://tuituibang.top/Example_two/WTF.html

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容