Question

我对Web开发还很陌生，已经完成了一些有关使用SASS构建网站的教程。通常，在那些课程中，我与实时服务器一起设置了一个sass编译器，以在浏览器中查看页面。这是我当前在下面的package.json设置。

{
  "name": "portfoliowebsite",
  "version": "1.0.0",
  "description": "portfolioWebsite",
  "main": "index.js",
  "scripts": {
  "watch:sass": "node-sass sass/main.scss css/style.css -w",
  "devserver": "live-server --browser=firefox",
  "start": "npm-run-all --parallel devserver watch:sass",
  "compile:sass": "node-sass sass/main.scss css/style.comp.css",
  "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css",
  "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
  "build:css": "npm-run-all compile:sass prefix:css compress:css"
},
"author": "n//a",
"license": "ISC",
"devDependencies": {
"autoprefixer": "^7.1.4",
"concat": "^1.0.3",
"node-sass": "^4.5.3",
"npm-run-all": "^4.1.1",
"postcss-cli": "^4.1.1"
},
"dependencies": {
"live-server": "^1.2.0",
"npm": "^6.1.0"
}
}

例如，当我仅开发主页时，此方法非常有用，但是当我想创建更多页面（全部静态）时，我希望能够在同一目录中创建它们，以便可以使用我所使用的所有组件ve已经编写，可以在页面之间链接。开发这样的网站的标准设置是什么？您是从后端框架开始还是在不同目录中开发所有页面？

感谢您的帮助！

将SASS编译器用于静态站点的多个页面

0 个答案: