dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-07-07 04:00:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

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

11
webpack.config.js
View file

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