feat: support css-loader ^6.8.1

searchfe · Sep 8, 2023 · d00951d · d00951d
1 parent 6ad4930
commit d00951d
Show file tree

Hide file tree

Showing 12 changed files with 355 additions and 465 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -6,15 +6,16 @@
     "configurations": [
         {
             "args": [
-                "san-loader.test.ts"
+                // "san-loader.test.ts"
+                "index"
             ],
             "name": "jest task",
             "program": "${workspaceFolder}/node_modules/.bin/jest",
             "request": "launch",
             "skipFiles": [
                 "<node_internals>/**"
             ],
-            "type": "pwa-node"
+            "type": "node"
         },
     {
         "name": "Launch Program",

diff --git a/examples/webpack.config.ts b/examples/webpack.config.ts
@@ -12,7 +12,7 @@ export default {
     output: {
         // filename: 'app/[name].js',
         // // path: path.resolve(__dirname, './dist')
-        publicPath: 'https://www.baidu.com',
+        publicPath: 'https://www.baidu.com/',
         clean: true
     },
     mode,
@@ -50,17 +50,16 @@ export default {
                 test: /.(less|css)$/,
 
                 oneOf: [
-                    // 这里匹配 `<style lang="less" module>`
+                    // 这里匹配 `<style lang="less">`
                     {
-                        resourceQuery: /module/,
                         use: [
-                            'style-loader',
+                            {
+                                loader: 'style-loader',
+                            },
                             {
                                 loader: 'css-loader',
                                 options: {
-                                    modules: true,
                                     sourceMap: true,
-                                    localsConvention: 'camelCase',
                                 },
                             },
                             {
@@ -71,15 +70,19 @@ export default {
                             },
                         ],
                     },
-                    // 这里匹配 `<style lang="less">`
+                    // 这里匹配 `<style lang="less" module>`
                     {
+                        resourceQuery: /module/,
                         use: [
-                            {
-                                loader: 'style-loader',
-                            },
+                            'style-loader',
                             {
                                 loader: 'css-loader',
                                 options: {
+                                    esModule: false,
+                                    modules: {
+                                        exportLocalsConvention: 'camelCase',
+                                        namedExport: false,
+                                    },
                                     sourceMap: true,
                                 },
                             },
@@ -131,6 +134,10 @@ export default {
             {
                 test: /\.html$/,
                 loader: 'html-loader',
+                options: {
+                    esModule: false,
+                    minimize: false,
+                }
             },
         ],
     },