Merge pull request #61 from joanrodas/dev

Update webpack

package.json

@@ -29,16 +29,17 @@
 	},
 	"devDependencies": {
 		"@wordpress/scripts": "latest",
-		"css-loader": "6.7.1",
-		"mini-css-extract-plugin": "2.6.1",
-		"postcss": "8.4.18",
-		"postcss-loader": "7.0.1",
-		"postcss-preset-env": "7.8.2",
-		"sass": "1.55.0",
+		"css-loader": "6.7.3",
+		"mini-css-extract-plugin": "2.7.2",
+		"postcss": "8.4.20",
+		"postcss-loader": "7.0.2",
+		"postcss-preset-env": "7.8.3",
+		"sass": "1.57.1",
 		"sass-loader": "13.1.0",
 		"ts-loader": "latest",
 		"typescript": "latest",
-		"webpack": "4.44.2",
+		"webpack": "^5.75.0",
+		"webpack-cli": "^5.0.1",
 		"webpack-fix-style-only-entries": "0.6.1"
 	}
 }

postcss.config.js

@@ -0,0 +1,8 @@
+// const tailwindcss = require('tailwindcss');
+
+module.exports = {
+  plugins: [
+    'postcss-preset-env',
+    // tailwindcss
+  ],
+};

tailwind.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+    content: ['./resources/**/*.{php,js}', './Functionality/**/*.php', './Components/**/*.php'],
+    theme: {
+      extend: {
+        colors: {},
+      },
+    },
+    plugins: [], //require("daisyui")
+    important: true,
+    prefix: 'pb-',
+    corePlugins: {
+      preflight: false,
+    }
+  };

webpack.config.js

@@ -5,18 +5,15 @@ const FixStyleOnlyEntriesPlugin = require('webpack-fix-style-only-entries');
 const postcssPresetEnv = require('postcss-preset-env');
 
 module.exports = {
-	...defaults,
 	entry: {
-		scripts: path.resolve(process.cwd(), 'resources/scripts', 'app.ts')
+		app: [path.resolve(process.cwd(), 'resources/scripts', 'app.ts'), path.resolve(process.cwd(), 'resources/styles', 'app.scss')]
 	},
 	output: {
 		filename: '[name].js',
 		path: path.resolve(process.cwd(), 'dist'),
 	},
 	module: {
-		...defaults.module,
 		rules: [
-			...defaults.module.rules,
 			{
 				test: /\.tsx?$/,
 				use: [
@@ -67,5 +64,10 @@ module.exports = {
 	},
 	resolve: {
 		extensions: ['.ts', '.tsx', ...(defaults.resolve ? defaults.resolve.extensions || ['.js', '.jsx'] : [])]
-	}
+	},
+	plugins: [
+		new MiniCSSExtractPlugin({
+			filename: '[name].css'
+		})
+	]
 };