在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):romanschejbal/gassetic开源软件地址(OpenSource Url):https://github.com/romanschejbal/gassetic开源编程语言(OpenSource Language):JavaScript 100.0%开源软件介绍(OpenSource Introduction):GasseticSummaryGassetic is an Assetic replacement which is based on the gulp build tool for more comfortable frontend development and dependency management Advantages over assetic
How it worksGassetic makes it easy to manage your frontend assets. You can install JS and CSS libs through a package manager like Bower and then compile them using tools from gulp.js Gassetic replaces Gulp has literally hundreds of plugins that you can include in your gulpfile and process on your frontend assets. Installation
yaml example with gassetic.ymlrequires:
less: gulp-less
minify: gulp-minify-css
concat: gulp-concat
uglify: gulp-uglify
livereload: gulp-livereload
mimetypes:
# This section contains the formatters for the css files
css:
# In 'prod' mode, use these settings
prod:
outputFolder: web/compiled/css # The output folder for your saving your compiled files
webPath: /compiled/css # The web path for the compiled files
# Run these tasks on your compiled files
tasks:
- { name: less }
- { name: minify }
- { name: concat, args: '%filename%' }
- { name: livereload, args: { start: true } }
htmlTag: '<link rel="stylesheet" type="text/css" href="{{ asset("%path%") }}">' # custom html tag
# This is the list of source files to apply the above settings
files:
frontend.css: # This is the output filename
- assets/css/animate.min.css
- assets/css/swipebox.css
- assets/vendor/bootstrap-daterangepicker/daterangepicker-bs3.css
- assets/vendor/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.css
- assets/vendor/jquery-simplecolorpicker/jquery.simplecolorpicker.css
- vendors/oh/emoji-bundle/Oh/EmojiBundle/vendor/emoji.css
backend.css:
- assets/vendor/bootstrap-daterangepicker/daterangepicker-bs3.css
- assets/css/backend.css
# Watch these files for changes (optional)
watch:
- assets/**/*.less
- assets/**/*.css
# This section contains the formatters for your JS files
js:
prod:
outputFolder: web/compiled/js # Save the files here
webPath: /compiled/js # Specify the web path
tasks:
- { name: concat, args: '%filename%' }
- { name: uglify, args: { mangle: false } }
# Here is a list of files to apply the above tasks to
files:
jquery.js: # This is the output filename
- assets/vendor/jquery/jquery.js
app.js:
- web/html5lightbox/html5lightbox.js
- assets/vendor/angular/angular.js
- assets/vendor/angular-route/angular-route.js
- assets/vendor/angular-sanitize/angular-sanitize.js
- assets/js/tmp/angularApp.js/**/*.js
# This is the list of files/paths to search and find the replacement tags to insert the
# generated <script> or stylesheet tags
replacementPaths:
- web/*.html
- includes/**/*.html
default:
- js
- css
To:
The strings
Done. More docs
ContributionsLaunch testsnpm install
npm test The MIT License (MIT) Copyright (c) 2014 Roman Schejbal Donate: 1K4HAJqnh8PPomJj47vWNP3GPNF2LE2FEt |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论