element-web/postcss.config.js

module.exports = {
    plugins: [
        require("postcss-import")(),
        require("autoprefixer")(),
        require("postcss-simple-vars")(),
        require("postcss-extend")(),
        require("postcss-nested")(),
        require("postcss-mixins")(),
        require("postcss-easings")(),
        require("postcss-strip-inline-comments")(),
    ],
    "parser": "postcss-scss",
    "local-plugins": true,
};
Use the postcss-webpack-loader Use postcss-webpack-loader instead of webpack-cli to process the scss. Doing so mostly means that we avoid the problem that webpack-dev-server fails to start if we haven't already built the CSS. (It also simplifies package.json somewhat, which is no bad thing) 2017-01-19 05:48:17 +03:00			`module.exports = {`
			`plugins: [`
			`require("postcss-import")(),`
			`require("autoprefixer")(),`
			`require("postcss-simple-vars")(),`
			`require("postcss-extend")(),`
			`require("postcss-nested")(),`
			`require("postcss-mixins")(),`
Add postcss-easings So we can use names like easeInSine in CSS transitions rather than cubic-bezier(0.47, 0, 0.745, 0.715) Required for https://github.com/matrix-org/matrix-react-sdk/pull/3674 2019-11-26 22:12:28 +03:00			`require("postcss-easings")(),`
Use the postcss-webpack-loader Use postcss-webpack-loader instead of webpack-cli to process the scss. Doing so mostly means that we avoid the problem that webpack-dev-server fails to start if we haven't already built the CSS. (It also simplifies package.json somewhat, which is no bad thing) 2017-01-19 05:48:17 +03:00			`require("postcss-strip-inline-comments")(),`
			`],`
			`"parser": "postcss-scss",`
			`"local-plugins": true,`
			`};`