From a14aa348973f7492816999d1832e026a149d4657 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 29 Mar 2020 15:30:24 +0100
Subject: [PATCH] Add draft post

---
 ...-the-pcss-extension-with-webpack-encore.md | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 source/_posts/using-the-pcss-extension-with-webpack-encore.md

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())
+```