Adding postcss auto prefixer

master
WolverinDEV 2021-03-17 18:32:03 +01:00
parent 1193f4e0b1
commit bedaae5a7c
4 changed files with 2155 additions and 20 deletions

2154
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -43,6 +43,7 @@
"@types/websocket": "0.0.40", "@types/websocket": "0.0.40",
"@types/xml-parser": "^1.2.29", "@types/xml-parser": "^1.2.29",
"@wasm-tool/wasm-pack-plugin": "^1.3.1", "@wasm-tool/wasm-pack-plugin": "^1.3.1",
"autoprefixer": "^10.2.5",
"babel-loader": "^8.1.0", "babel-loader": "^8.1.0",
"circular-dependency-plugin": "^5.2.0", "circular-dependency-plugin": "^5.2.0",
"clean-css": "^4.2.1", "clean-css": "^4.2.1",
@ -64,6 +65,8 @@
"mini-css-extract-plugin": "^1.3.9", "mini-css-extract-plugin": "^1.3.9",
"mkdirp": "^0.5.1", "mkdirp": "^0.5.1",
"node-sass": "^4.14.1", "node-sass": "^4.14.1",
"postcss": "^8.2.8",
"postcss-loader": "^5.2.0",
"potpack": "^1.0.1", "potpack": "^1.0.1",
"raw-loader": "^4.0.0", "raw-loader": "^4.0.0",
"sass": "1.22.10", "sass": "1.22.10",

8
postcss.config.ts Normal file
View File

@ -0,0 +1,8 @@
export = {
plugins: [
[
require("autoprefixer"),
"postcss-preset-env",
],
],
};

View File

@ -110,7 +110,8 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css", filename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css", chunkFilename: isDevelopment ? "[name].[contenthash].css" : "[contenthash].css",
ignoreOrder: true ignoreOrder: true,
}), }),
new ManifestGenerator({ new ManifestGenerator({
@ -171,7 +172,7 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
{ {
loader: MiniCssExtractPlugin.loader, loader: MiniCssExtractPlugin.loader,
options: { options: {
esModule: false esModule: false,
} }
}, },
{ {
@ -185,7 +186,10 @@ export const config = async (target: "web" | "client"): Promise<Configuration &
} }
}, },
{ {
loader: 'sass-loader', loader: "postcss-loader"
},
{
loader: "sass-loader",
options: { options: {
sourceMap: isDevelopment sourceMap: isDevelopment
} }