Added scripts

- New packages for css processing
- Added index for browser-sync
This commit is contained in:
Stephan Hagedorn 2022-08-19 22:04:32 +02:00
parent e1714fde80
commit 6494df4d32
5 changed files with 2253 additions and 48 deletions

2
deploy/css/demo.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2272
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -34,20 +34,25 @@
"clean:report": "rm -rf report/*", "clean:report": "rm -rf report/*",
"clean:test": "rm -rf test/*", "clean:test": "rm -rf test/*",
"serve": "browser-sync start --no-open --index 'demo.html' --server 'build'", "serve": "browser-sync start --no-open --index 'demo.html' --server 'build'",
"serve:watch": "browser-sync start --open false --files 'build' --server 'build'", "serve:watch": "browser-sync start --open false --index 'demo.html' --files 'build' --server 'build'",
"style": "npm run style:compile", "style": "npm run style:compile & npm run style:post",
"style:compile": "sass source/style:build/css --load-path=vendor", "style:compile": "sass source/style:build/css --load-path=vendor",
"style:prefix": "", "style:post": "postcss build/css/*.css -d deploy/css",
"style:watch": "" "style:watch": "sass --watch source/style:build/css --load-path=vendor",
"develop": "npm run style:watch & npm run serve:watch"
}, },
"config": { "config": {
"port": "3000" "port": "3000"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.4.8",
"browser-sync": "^2.27.10", "browser-sync": "^2.27.10",
"cssnano": "^5.1.13",
"jshint": "~2", "jshint": "~2",
"jshint-stylish": "^2.2.1", "jshint-stylish": "^2.2.1",
"sass": "^1.54.0" "postcss": "^8.4.16",
"postcss-cli": "^10.0.0",
"sass": "^1.54.4"
}, },
"private": true "private": true
} }

10
postcss.config.js Normal file
View file

@ -0,0 +1,10 @@
module.exports = {
plugins: [
require('autoprefixer')({
env: '>= 4%, last 2 version'
}),
require('cssnano')({
preset: 'default',
}),
],
};