Установка плагинов StencilJS и Postcss - PullRequest
Новая
       34

Установка плагинов StencilJS и Postcss

0 голосов
/ 24 мая 2019

Первая настройка StencilJS.Я следовал инструкциям и пытался настроить конфигурационный файл, но не заставлял плагины работать.Лостгрид работает, других нет.Все пакеты установлены, как показано ниже, и конфигурационный файл, над которым я работаю для вызова плагинов.

это правильный путь для stenciljs?

Спасибо за вашу помощь (новичок и уже изучал github docs, нужна помощь старшего Спасибо!)

Способы установки: 

StencilJS Install:

npm init stencil

install:
postcss :  npm install @stencil/postcss --save-dev
autoprefixer: npm install autoprefixer @types/autoprefixer --save-dev

postcss plugins:
precss: npm install precss --save-dev
font-magician: npm install postcss-font-magician --save-dev
postcss-preset-env:  npm install postcss-preset-env --save-dev
lost: npm install --save-dev lost

Stencil.config.js 

import { Config } from '@stencil/core';
import { postcss } from '@stencil/postcss';
import autoprefixer from 'autoprefixer';
import postcssPresetEnv from 'postcss-preset-env';
import precss from 'precss';
import lost from 'lost';
import fontMagician from 'postcss-font-magician';

export const config: Config = {
  namespace: 'stentest',
  outputTargets: [
    {
      type: 'dist',
      esmLoaderPath: '../loader'
    },
    {
      type: 'docs-readme'
    },
    {
      type: 'www',
      serviceWorker: null // disable service workers
    }
  ],
  plugins: [
    postcss ({  
        plugins: [

    autoprefixer({
        browsers:['last 6 versions'];
        cascade:false
    });
        lost();
        precss();
        postcssPresetEnv({
            browsers:['Last 2 versions', 'ie >=9',
            compress:true
        });
  ]
    })
  ]
};

export const module: modules = {
  plugins: {
    fontMagician: ({
         variants: {
             'Roboto Condensed': {
                 '300': [],
                 '400': [],
                 '700': []
             }
         },
         foundries: ['google']
    })
  }
}
...