chore: add postcss setup

Adslot · Jun 23, 2022 · 98255fb · 98255fb
1 parent 741170b
commit 98255fb
Show file tree

Hide file tree

Showing 9 changed files with 1,400 additions and 71 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -1,2 +1,5 @@
 www/containers/props.json
 package-lock.json
+dist
+es
+lib
diff --git a/config/postCssConfig.js b/config/postCssConfig.js
diff --git a/config/webpack.config.dev.build.js b/config/webpack.config.dev.build.js
@@ -3,7 +3,6 @@ const { merge: webpackMerge } = require('webpack-merge');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const commonConfig = require('./webpack.config');
 const paths = require('./paths');
-const postCssConfig = require('./postCssConfig');
 
 // This is the development configuration.
 // It is focused on developer experience and fast rebuilds.
@@ -71,13 +70,12 @@ module.exports = webpackMerge(commonConfig, {
           {
             loader: 'css-loader',
             options: {
-              importLoaders: 2,
+              importLoaders: 1,
               sourceMap: false,
             },
           },
           {
             loader: 'postcss-loader',
-            options: postCssConfig,
           },
           'sass-loader',
         ],

diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js
@@ -6,7 +6,6 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const commonConfig = require('./webpack.config');
 const paths = require('./paths');
-const postCssConfig = require('./postCssConfig');
 
 // This is the development configuration.
 // It is focused on developer experience and fast rebuilds.
@@ -75,12 +74,11 @@ module.exports = webpackMerge(commonConfig, {
           {
             loader: 'css-loader',
             options: {
-              importLoaders: 2,
+              importLoaders: 1,
             },
           },
           {
             loader: 'postcss-loader',
-            options: postCssConfig,
           },
           { loader: 'sass-loader' },
         ],

diff --git a/config/webpack.config.dist.js b/config/webpack.config.dist.js
@@ -6,7 +6,6 @@ const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const commonConfig = require('./webpack.config');
 const paths = require('./paths');
-const postCssConfig = require('./postCssConfig');
 
 // Assert this just to be safe.
 if (process.env.NODE_ENV !== 'dist') {
@@ -90,13 +89,12 @@ module.exports = webpackMerge(commonConfig, {
           {
             loader: 'css-loader',
             options: {
-              importLoaders: 2,
+              importLoaders: 1,
               sourceMap: false,
             },
           },
           {
             loader: 'postcss-loader',
-            options: postCssConfig,
           },
           'sass-loader',
         ],

diff --git a/config/webpack.config.prod.js b/config/webpack.config.prod.js
@@ -8,7 +8,6 @@ const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const commonConfig = require('./webpack.config');
 const paths = require('./paths');
-const postCssConfig = require('./postCssConfig');
 
 // Assert this just to be safe.
 if (process.env.NODE_ENV !== 'production') {
@@ -94,13 +93,12 @@ module.exports = webpackMerge(commonConfig, {
           {
             loader: 'css-loader',
             options: {
-              importLoaders: 2,
+              importLoaders: 1,
               sourceMap: false,
             },
           },
           {
             loader: 'postcss-loader',
-            options: postCssConfig,
           },
           'sass-loader',
         ],