摘要：引用網上一作者的話將前端項目當成一項系統工程進行分析組織和構建從而達到項目結構清晰分工明確團隊配合默契開發效率提高的目的。提示，是因為缺少這個文件。

在網頁比較簡單的時代，以文件可以包含 HTML、CSS、JS；到后來結構、樣式、行為的分離，文件開始多起來，慢慢的出現了AMD，CMD ，CommonJS，ES6 Module等，技術變化日新月異，把這些技術統一整合起來，就是工程化。
引用網上一作者的話：

將前端項目當成一項系統工程進行分析、組織和構建從而達到項目結構清晰、分工明確、團隊配合默契、開發效率提高的目的。

github地址：node-sass

首先安裝node-sass

npm install node-sass

運行命令行，就能將scss文件變成css文件

npx node-sass src/css/style.scss dist/css/style.css

當我scss文件變動，自動更新為css文件

npx node-sass src/css/style.scss -w dist/css/style.css

生成map文件

npx node-sass src/css/style.scss -w dist/css/style.css --source-map true

在這里遇到最大的問題是沒有弄清楚全局安裝和局部安裝，陷入了好久
npm install -g node-sass是全局安裝，可以直接使用node-sass
npm install node-sass是局部安裝，使用時需要加上相對路徑./node_modules/.bin/node-sass；或者使用npx node-sass，npx可以快速找到相對路徑。

提示no such file or directory, open "/Users/mac/package.json"，是因為缺少package.json這個文件。

npm WARN saveError ENOENT: no such file or directory, open
"C:Usersfanzm1workspaceAstone