Plugins

"io arc" has two types of plug-ins: tasks and modules.
For web development, the task plugin is used to build.

Developers can also create modules, or use existing modules to create new tasks.

Tasks#

Task libraries for building and other tasks used in the project.

PackageTagsDescription
@io-arc/task-browser-sync
  • Server
Start the local server (using browser-sync)
@io-arc/task-cleanDelete the contents
@io-arc/task-copyCopy files
@io-arc/task-manifest
  • PWA
Generate manifest.json
@io-arc/task-service-worker
  • PWA
Create a Service Worker
@io-arc/task-webp-converter
  • Image
  • Converter
PNG/JPG/GIF to Webp convert
@io-arc/task-webpack-babel
  • JavaScript
  • Babel
  • Image
  • webpack
Babel transpile for webpack
@io-arc/task-webpack-css
  • CSS
  • Image
  • webpack
CSS compile for webpack
@io-arc/task-webpack-html
  • HTML
  • Image
  • webpack
HTML (with handlebars) compile for webpack
@io-arc/task-webpack-pug
  • HTML
  • Pug
  • Image
  • webpack
Pug compile for webpack
@io-arc/task-webpack-sass
  • CSS
  • SASS/SCSS
  • Image
  • webpack
Sass compile for webpack
@io-arc/task-webpack-stylus
  • CSS
  • Stylus
  • Image
  • webpack
Stylus compile for webpack
@io-arc/task-webpack-typescript
  • JavaScript
  • TypeScript
  • Image
  • webpack
TypeScript compile for webpack
@io-arc/task-webpack-vue
  • JavaScript
  • Babel
  • Vue
  • Image
  • webpack
Vue (Babel) build for webpack
@io-arc/task-webpack-vue-typescript
  • JavaScript
  • Babel
  • TypeScript
  • Vue
  • Image
  • webpack
Vue (TypeScript) build for webpack
@io-arc/task-yaml2json
  • YAML2JSON
  • Converter
YAML files to JSON files convert

Modules#

Libraries supporting the build tasks.

PackageTagsDescription
@io-arc/envA constant that can be used for building and other processes
@io-arc/file-listGet the file list
@io-arc/loggerLogging output to console
@io-arc/output-dir-diffObtain the difference from the directory position to be compared
@io-arc/path-buildConvert an array of directory names to paths
@io-arc/read-yamlYAML files to JSON files
@io-arc/types
  • TypeScript
TypeScript types
@io-arc/utilsUtility functions
@io-arc/webp-converter
  • Image
  • Converter
PNG/JPG/GIF to Webp converter
@io-arc/webpack-loaders-image
  • Image
  • webpack
Images operation with webpack
@io-arc/webpack-loaders-js
  • Babel
  • TypeScript
  • Vue
  • webpack
JavaScript operation with webpack
@io-arc/webpack-loaders-pug-linter
  • Pug
  • webpack
Pug lint with webpack
@io-arc/webpack-plugins-task-message
  • webpack
Task message log with webpack
@io-arc/webpack-settings
  • webpack
Webpack settings
@io-arc/yaml2json
  • YAML2JSON
  • Converter
YAML files to JSON files converter