Initial commit

.gitignore

+node_modules
+css
\ No newline at end of file

package.json

+{
+  "name": "scss-to-css",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "webpack --mode development",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "devDependencies": {
+    "css-loader": "^5.2.6",
+    "mini-css-extract-plugin": "^1.6.0",
+    "node-sass": "^6.0.0",
+    "sass-loader": "^11.1.1",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.37.1",
+    "webpack-cli": "^4.7.0"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "webpack-fix-style-only-entries": "^0.6.1",
+    "webpack-glob-entry": "^2.1.1"
+  }
+}

src/a.css

+.aa{
+    height: 100px;
+    background-color: #fff;
+}
\ No newline at end of file

src/b.scss

+.aa{
+    width: 100px;
+    .bb{
+        height: 100px;
+    }
+}
\ No newline at end of file

src/c.scss

+.cc{
+    margin: 0;
+    .dd{
+        padding: 0;
+    }
+}
\ No newline at end of file

webpack.config.js

+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const entry = require('webpack-glob-entry')
+const FixStyleOnlyEntriesPlugin = require("webpack-fix-style-only-entries");
+
+const baseConfig = {
+    module : {
+        rules: [
+            {
+                test: /\.scss$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    'css-loader',
+                    'sass-loader'
+                ]
+            }
+        ]
+    },
+    output: {
+        path: path.resolve(__dirname, './'),
+    },
+}
+module.exports = [
+    {
+        ...baseConfig,
+        entry: entry('./src/*.scss'),
+        plugins: [
+            new FixStyleOnlyEntriesPlugin(),
+            new MiniCssExtractPlugin({
+                filename: 'css/[name].css' //css打包输出出口及文件名称
+            })
+        ],
+    }
+];
\ No newline at end of file