gulp-compo-autoprefixer

Gulp plugin for using the Autoprefixer in CompoJS

Install

npm i gulp-compo-autoprefixer -D

Using

1const compoAutoprefixer = require('gulp-compo-autoprefixer')
2
3function components() {
4  return gulp.src('src/components/**/*.htm')
5    .pipe(compoAutoprefixer())
6    .pipe(concat('components.htm'))
7    .pipe(gulp.dest('dist'))
8}
9
10// or
11
12function components() {
13  return gulp.src('src/components/**/*.htm')
14    .pipe(compoAutoprefixer({
15      overrideBrowserslist: ['last 15 versions']
16    }))
17    .pipe(concat('components.htm'))
18    .pipe(gulp.dest('dist'))
19}

Example

source

1<c-component1>
2  <h1>${ message }</h1>
3
4  <style>
5    :host {
6      display: flex;
7    }
8  </style>
9    
10  <script>
11    this.message = 'Компонент 1'
12  </script>
13</c-component1>

output

1<c-component1>
2  <h1>${ message }</h1>
3
4  <style>
5    :host {
6      display: -webkit-box;
7      display: -webkit-flex;
8      display: -ms-flexbox;
9      display: flex;
10    }
11  </style>
12    
13  <script>
14    this.message = 'Компонент 1'
15  </script>
16</c-component1>

Author

• compojs.ru

Contacts

• compo.js@mail.ru