现在一些项目，除了提供源文件，还提供node.js安装模块的方式。我的机器已安装有node和git，我通过如图所示安装了normalize.css模块，那么我该如何使用呢？
比如我有个css文件，我要植入normalize.css进行样式初始化，该怎么做。对node和npm不太理解，求指点。
在git中，使用npm命令可以看到normalize.css已经安装
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
如果你想使用 npm 來進行套件管理，那意味首：
使用 package.json 來進行專案的套件或依賴管理
package.json
使用專門的管理工具，來管理或打包對應的 js / css 檔案
如果你是個小項目，而且不是專門的前端或Node 項目，並不適合使用npm 來進行管理，如果你有大量的依賴，而且本來就是前端項目，那就考慮開始使用npm 來進行包或依賴管理。
在專案中加入第三方套件的時候，使用以下的指令來進行安裝：
npm i --save normalize.css
這樣便將相依性加入了 package.json 。對應的文件，下載在 node_modules 資料夾中。
node_modules
在開發過程中，你可以將 node_modules 資料夾整體放在 Web 伺服器的目錄內，這樣，便可以在 html 檔案中這樣引入檔案：
<link rel="stylesheet" href="node_modules/normalize.css/normalize.css"> <script src="node_modules/moment/moment.js"></script>
實際上，上面那樣引用，並不方便。一般是使用 Gulp / Grunt / Webpack 一類的工具，管理和打包 js / css 檔案。具體你可以查一下這三個相關的資料。
例如，使用 Gulp 可以這樣來打包壓縮 css 文件，如下：
var gulp = require('gulp'); var concat = require('gulp-concat'); var cssmin = require('gulp-cssmin'); var cssFiles = [ 'node_modules/bootstrap/dist/css/bootstrap.css', 'node_modules/angular-ui-bootstrap/dist/ui-bootstrap-csp.css', // ... ... ]; gulp.task('stylesheet_min', function(){ gulp .src(cssFiles) .pipe(concat('all.min.css')) .pipe(cssmin()) .pipe(gulp.dest( path.join(BUILD_FLODER, 'css') )) });
上面的程式碼，是將多個 css 合併為一個 css 文件，並將它移到指定的目錄，這樣，你便可以在 html 裡這樣引用：
<link rel="stylesheet" href="css/all.css">
js 也是類似。
Grunt 與 Gulp 在處理上，有些類似。 Webpack 更加智能，你可以看一下相關的文件。
直接在html裡引入normalize.css就好了，像這樣：
html
normalize.css
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="node_modules/normalize.css/normalize.css" charset="utf-8"> </head> <body> </body> </html>
前提是你的npm install --save normalize.css指令要在你的專案目錄裡運作
npm install --save normalize.css
如果使用webpack打包，可以在js檔寫
require("normalize.css") // 或者es6的写法 import "normalize.css"
來引入css檔
如果你想使用 npm 來進行套件管理，那意味首：
使用
package.json來進行專案的套件或依賴管理使用專門的管理工具，來管理或打包對應的 js / css 檔案
如果你是個小項目，而且不是專門的前端或Node 項目，並不適合使用npm 來進行管理，如果你有大量的依賴，而且本來就是前端項目，那就考慮開始使用npm 來進行包或依賴管理。
使用 package.json 來進行套件或依賴管理
在專案中加入第三方套件的時候，使用以下的指令來進行安裝：
這樣便將相依性加入了 package.json 。對應的文件，下載在
node_modules資料夾中。在專案中使用 js / css 檔案
在開發過程中，你可以將
node_modules資料夾整體放在 Web 伺服器的目錄內，這樣，便可以在 html 檔案中這樣引入檔案：js / css 檔案的管理與打包
實際上，上面那樣引用，並不方便。一般是使用 Gulp / Grunt / Webpack 一類的工具，管理和打包 js / css 檔案。具體你可以查一下這三個相關的資料。
例如，使用 Gulp 可以這樣來打包壓縮 css 文件，如下：
上面的程式碼，是將多個 css 合併為一個 css 文件，並將它移到指定的目錄，這樣，你便可以在 html 裡這樣引用：
js 也是類似。
Grunt 與 Gulp 在處理上，有些類似。 Webpack 更加智能，你可以看一下相關的文件。
直接在
html裡引入normalize.css就好了，像這樣：如果使用webpack打包，可以在js檔寫
來引入css檔