refactor webpack config a bit and use dart-sass instead of node-sass

This commit is contained in:
Send_Nukez 2021-11-14 00:24:05 +01:00
parent 59daccdbf2
commit 9d05365ffb
2 changed files with 6 additions and 7 deletions

View file

@ -8,7 +8,7 @@
"devDependencies": {
"clean-webpack-plugin": "^4.0.0",
"copy-webpack-plugin": "^9.0.1",
"node-sass": "^6.0.1",
"sass": "^1.43.4",
"sass-loader": "^12.2.0",
"webpack": "^5.58.2",
"webpack-cli": "^4.9.0"

View file

@ -1,4 +1,5 @@
const webpack = require("webpack");
const sass = require("sass");
const CopyPlugin = require("copy-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const path = require("path");
@ -19,13 +20,11 @@ module.exports = {
module: {
rules: [
{
test: /main\.js$/,
exclude: /node_modules/,
include: path.resolve(__dirname, "./src/js/main.js"),
use: []
},
{
test: /main\.scss$/,
exclude: /node_modules/,
include: path.resolve(__dirname, "./src/styles/main.scss"),
type: "asset/resource",
generator: {
filename: "user.css"
@ -34,14 +33,14 @@ module.exports = {
{
loader: "sass-loader",
options: {
implementation: sass,
sourceMap: true
}
}
]
},
{
test: /Colors\.scss$/,
exclude: /node_modules/,
include: path.resolve(__dirname, "./src/styles/Colors.scss"),
type: "asset/resource",
generator: {
filename: "color.ini"