Skip to content

Commit 7a302df

Browse files
retyuiretyui
authored
Add Typescript and E2E test (#14)
1 parent ab7d46d commit 7a302df

21 files changed

+2798
-147
lines changed

‎CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
# Change Log
22

3+
## 4.1.0
4+
5+
- Add typescript
6+
- Add E2E tests
7+
- Fix [invalid](https://github.com/retyui/group-css-media-queries-loader/issues/11#issuecomment-925331021) `postcss` import
8+
39
## 4.0.0
410

511
### ⚠ BREAKING CHANGES

‎babel.config.js

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎example/webpack5/dist/index.js

Lines changed: 852 additions & 0 deletions
Large diffs are not rendered by default.

‎example/webpack5/index.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Getting Started</title>
6+
</head>
7+
<body>
8+
<h1>Test</h1>
9+
<script src="./index.js"></script>
10+
</body>
11+
</html>

‎example/webpack5/index.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import defaultLoaders from "../../test/source.css";
2+
import inline from "!!style-loader!css-loader!../../lib/index.js!../../test/source.css?sourceMap=true";
3+
import inlineWithOptions1 from "!!style-loader!css-loader!../../lib/index.js?sourceMap=true!../../test/source.css?sourceMap=true";
4+
import inlineWithOptions2 from "!!style-loader!css-loader!../../lib/index.js?sourceMap=false!../../test/source.css?sourceMap=true";
5+
//import inlineWithInvalidOptions from "!!style-loader!css-loader!../../lib/index.js?sourceMap=NO_VALID!../../test/source.css?sourceMap=true";
6+
7+
console.log({
8+
defaultLoaders,
9+
inline,
10+
inlineWithOptions1,
11+
inlineWithOptions2,
12+
//inlineWithInvalidOptions,
13+
});

‎example/webpack5/package.json

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"name": "webpack5",
3+
"version": "1.0.0",
4+
"main": "index.js",
5+
"license": "MIT",
6+
"private": true,
7+
"scripts": {
8+
"build": "TS_NODE_PROJECT=\"webpack.tsconfig.json\" webpack"
9+
},
10+
"devDependencies": {
11+
"@types/node": "^16.9.6",
12+
"@types/webpack": "^5.28.0",
13+
"css-loader": "^6.3.0",
14+
"style-loader": "^3.3.0",
15+
"ts-node": "^10.2.1",
16+
"typescript": "^4.4.3",
17+
"webpack": "^5.53.0",
18+
"webpack-cli": "^4.8.0"
19+
}
20+
}

‎example/webpack5/webpack.config.d.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
import type { Configuration } from "webpack";
2+
declare const _default: Configuration;
3+
export default _default;

‎example/webpack5/webpack.config.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
"use strict";
2+
Object.defineProperty(exports, "__esModule", { value: true });
3+
const path_1 = require("path");
4+
const sourceMap = false;
5+
exports.default = {
6+
mode: "development",
7+
entry: "./index.js",
8+
output: {
9+
filename: "index.js",
10+
path: (0, path_1.resolve)(__dirname, "dist"),
11+
},
12+
devtool: sourceMap && "source-map",
13+
module: {
14+
rules: [
15+
{
16+
test: /\.css$/,
17+
use: [
18+
"style-loader",
19+
{
20+
loader: "css-loader",
21+
options: { sourceMap },
22+
},
23+
{
24+
loader: require.resolve("../../lib/index.js"),
25+
options: { sourceMap },
26+
},
27+
],
28+
},
29+
],
30+
},
31+
};

‎example/webpack5/webpack.config.ts

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import { resolve } from "path";
2+
3+
import type { Configuration } from "webpack";
4+
5+
const sourceMap = false;
6+
7+
export default {
8+
mode: "development",
9+
entry: "./index.js",
10+
output: {
11+
filename: "index.js",
12+
path: resolve(__dirname, "dist"),
13+
},
14+
devtool: sourceMap && "source-map",
15+
module: {
16+
rules: [
17+
{
18+
test: /\.css$/,
19+
use: [
20+
"style-loader",
21+
{
22+
loader: "css-loader",
23+
options: { sourceMap },
24+
},
25+
{
26+
loader: require.resolve("../../lib/index.js"),
27+
options: { sourceMap },
28+
},
29+
],
30+
},
31+
],
32+
},
33+
} as Configuration;

‎example/webpack5/webpack.tsconfig.json

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"compilerOptions": {
3+
"module": "commonjs",
4+
"target": "es5",
5+
"esModuleInterop": true
6+
}
7+
}

0 commit comments

Comments
 (0)