diff --git a/source/_posts/using-the-pcss-extension-with-webpack-encore.md b/source/_posts/using-the-pcss-extension-with-webpack-encore.md
new file mode 100644
index 00000000..d94625e3
--- /dev/null
+++ b/source/_posts/using-the-pcss-extension-with-webpack-encore.md
@@ -0,0 +1,21 @@
+---
+title: Using the pcss extension with Webpack Encore
+excerpt: How to use the .pcss file extension for PostCSS files with Webpack Encore
+date: 2020-03-29
+tags: [webpack, encore, postcss]
+draft: true
+---
+
+```js
+Encore
+    .disableSingleRuntimeChunk()
+    .cleanupOutputBeforeBuild()
+    .setOutputPath('source/build/')
+    .setPublicPath('/build')
+    .addEntry('app', './assets/js/app.js')
+    .enablePostCssLoader()
+    .configureLoaderRule('css', loaderRule => {
+        loaderRule.test = /\.(css|p(ost)?css)$/
+    })
+    .enableSourceMaps(!Encore.isProduction())
+```