retyui · retyui · Sep 22, 2021 · Sep 22, 2021
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.1.0
+
+- Add typescript
+- Add E2E tests
+- Fix [invalid](https://github.com/retyui/group-css-media-queries-loader/issues/11#issuecomment-925331021) `postcss` import 
+
 ## 4.0.0
 
 ### ⚠ BREAKING CHANGES

diff --git a/babel.config.js b/babel.config.js
diff --git a/example/webpack5/dist/index.js b/example/webpack5/dist/index.js
diff --git a/example/webpack5/index.html b/example/webpack5/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <title>Getting Started</title>
+ </head>
+ <body>
+ <h1>Test</h1>
+ <script src="./index.js"></script>
+ </body>
+</html>
diff --git a/example/webpack5/index.js b/example/webpack5/index.js
@@ -0,0 +1,13 @@
+import defaultLoaders from "../../test/source.css";
+import inline from "!!style-loader!css-loader!../../lib/index.js!../../test/source.css?sourceMap=true";
+import inlineWithOptions1 from "!!style-loader!css-loader!../../lib/index.js?sourceMap=true!../../test/source.css?sourceMap=true";
+import inlineWithOptions2 from "!!style-loader!css-loader!../../lib/index.js?sourceMap=false!../../test/source.css?sourceMap=true";
+//import inlineWithInvalidOptions from "!!style-loader!css-loader!../../lib/index.js?sourceMap=NO_VALID!../../test/source.css?sourceMap=true";
+
+console.log({
+ defaultLoaders,
+ inline,
+ inlineWithOptions1,
+ inlineWithOptions2,
+ //inlineWithInvalidOptions,
+});
diff --git a/example/webpack5/package.json b/example/webpack5/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "webpack5",
+ "version": "1.0.0",
+ "main": "index.js",
+ "license": "MIT",
+ "private": true,
+ "scripts": {
+ "build": "TS_NODE_PROJECT=\"webpack.tsconfig.json\" webpack"
+ },
+ "devDependencies": {
+ "@types/node": "^16.9.6",
+ "@types/webpack": "^5.28.0",
+ "css-loader": "^6.3.0",
+ "style-loader": "^3.3.0",
+ "ts-node": "^10.2.1",
+ "typescript": "^4.4.3",
+ "webpack": "^5.53.0",
+ "webpack-cli": "^4.8.0"
+ }
+}
diff --git a/example/webpack5/webpack.config.d.ts b/example/webpack5/webpack.config.d.ts
@@ -0,0 +1,3 @@
+import type { Configuration } from "webpack";
+declare const _default: Configuration;
+export default _default;
diff --git a/example/webpack5/webpack.config.js b/example/webpack5/webpack.config.js
@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = require("path");
+const sourceMap = false;
+exports.default = {
+ mode: "development",
+ entry: "./index.js",
+ output: {
+ filename: "index.js",
+ path: (0, path_1.resolve)(__dirname, "dist"),
+ },
+ devtool: sourceMap && "source-map",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ "style-loader",
+ {
+ loader: "css-loader",
+ options: { sourceMap },
+ },
+ {
+ loader: require.resolve("../../lib/index.js"),
+ options: { sourceMap },
+ },
+ ],
+ },
+ ],
+ },
+};
diff --git a/example/webpack5/webpack.config.ts b/example/webpack5/webpack.config.ts
@@ -0,0 +1,33 @@
+import { resolve } from "path";
+
+import type { Configuration } from "webpack";
+
+const sourceMap = false;
+
+export default {
+ mode: "development",
+ entry: "./index.js",
+ output: {
+ filename: "index.js",
+ path: resolve(__dirname, "dist"),
+ },
+ devtool: sourceMap && "source-map",
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ "style-loader",
+ {
+ loader: "css-loader",
+ options: { sourceMap },
+ },
+ {
+ loader: require.resolve("../../lib/index.js"),
+ options: { sourceMap },
+ },
+ ],
+ },
+ ],
+ },
+} as Configuration;
diff --git a/example/webpack5/webpack.tsconfig.json b/example/webpack5/webpack.tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "compilerOptions": {
+ "module": "commonjs",
+ "target": "es5",
+ "esModuleInterop": true
+ }
+}