Добавление Autoprefixer в проект Svelte & Parcel? - PullRequest
0 голосов
/ 08 января 2020

Я не могу заставить авторефиксер работать с Parcel и Svelte . У меня есть код ниже в 'svelte.config.js' файле, но он, кажется, не работает, даже если он не выдает никаких ошибок. Sass компилируется правильно, и у меня есть файл .browserlistrc. Буду признателен за любую помощь!

const sveltePreprocess = require('svelte-preprocess');

module.exports = {
  preprocess: sveltePreprocess({
    scss: true,  
    postcss: {
        plugins: [require('autoprefixer')]
    }
  })
};

У меня установлены следующие devDependencies

  "devDependencies": {
    "autoprefixer": "^9.7.3",
    "parcel-bundler": "^1.12.4",
    "parcel-plugin-svelte": "^4.0.5",
    "postcss": "^7.0.26",
    "postcss-load-config": "^2.1.0",
    "sass": "^1.24.2",
    "svelte": "^3.16.5",
    "svelte-preprocess": "^3.3.0"
  }

1 Ответ

0 голосов
/ 19 марта 2020

svelte.config.js для редактора - языковой сервер более конкретен c, а не для ваших rollup инструментов. Проверьте документ здесь

  1. post css .config. js
module.exports = {
  plugins: {
    autoprefixer: {}
  }
}
.browserslistr c
> 1%

После того, как вы запустите npm run dev или npm run build, вы увидите префикс поставщика в вашем файле css или вы можете проверить его в ваш браузер.

...