在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):uswds/uswds-gulp开源软件地址(OpenSource Url):https://github.com/uswds/uswds-gulp开源编程语言(OpenSource Language):JavaScript 100.0%开源软件介绍(OpenSource Introduction):USWDS Gulp pipeline for copying assets and compiling SassA simple Gulp 4.0 workflow for transforming USWDS Sass into browser-readable CSS. Note: You do not need to clone this repo into your project. Follow the instructions below. RequirementsYou'll need to be familiar with the command line. You'll need to install the following packages via
InstallationIf you've never installed Gulp, you'll need to install the Gulp command line interface: npm install gulp-cli -g Ensure your project has a Add all the required dependencies at once with following command from your project's root directory: npm install autoprefixer del gulp gulp-replace sass gulp-sass gulp-sourcemaps gulp-rename gulp-svg-sprite gulp-postcss postcss postcss-csso uswds uswds-gulp@github:uswds/uswds-gulp --save-dev UsageIf you don't already have a project gulpfile, copy the cp node_modules/uswds-gulp/gulpfile.js . OR If you do already have a project gulpfile, copy and rename the USWDS gulpfile (then you can manually add the contents of the USWDS gulpfile to your existing gulpfile and continue with the instructions): cp node_modules/uswds-gulp/gulpfile.js gulpfile-uswds.js We use autoprefixer for maximum browser compatibility. To ensure you're targeting the correct browsers we use a cp node_modules/uswds-gulp/.browserslistrc . OR If you already have a > 2%
last 2 versions
IE 11
not dead Open
Save Initialize your USWDS project. Initialization does the following:
Intitialize your USWDS project by running the following command: gulp init Edit your USWDS settings in the new settings files and add custom Sass to the new gulp watch Update SVG spriteAfter running gulp svg-sprite |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论