chore: fix vue examples

DanielSchaffer · Jan 3, 2021 · 26e4d94 · 26e4d94
1 parent 7621de5
commit 26e4d94
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 35 deletions.
diff --git a/examples/vue-cssextract/src/App.vue b/examples/vue-cssextract/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="panel-container">
+  <div class="panel-container foobar">
     <welcome :exampleName="exampleName" :statusMessage="statusMessage" :logoData="logoData" />
     <clicks />
   </div>
@@ -30,3 +30,9 @@
     }
   }
 </script>
+
+<style scoped>
+.foobar {
+  font-family: mono
+}
+</style>
diff --git a/examples/vue-cssextract/webpack.config.js b/examples/vue-cssextract/webpack.config.js
@@ -19,9 +19,7 @@ module.exports = {
       use: BabelMultiTargetPlugin.loader(),
     }, {
       test: /\.vue$/,
-      use: [
-        BabelMultiTargetPlugin.loader('vue-loader'),
-      ],
+      use: BabelMultiTargetPlugin.loader('vue-loader'),
     },
     {
       test: /\.css$/,
@@ -31,18 +29,4 @@ module.exports = {
       ],
     }],
   },
-
-  node: {
-    // prevent webpack from injecting useless setImmediate polyfill because Vue
-    // source contains it (although only uses it if it's native).
-    setImmediate: false,
-    // prevent webpack from injecting mocks to Node native modules
-    // that does not make sense for the client
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    // eslint-disable-next-line camelcase
-    child_process: 'empty',
-  },
 }
diff --git a/examples/vue-dynamic-import/webpack.config.js b/examples/vue-dynamic-import/webpack.config.js
@@ -25,9 +25,7 @@ module.exports = {
       },
       {
         test: /\.vue$/,
-        use: [
-          BabelMultiTargetPlugin.loader('vue-loader'),
-        ],
+        use: BabelMultiTargetPlugin.loader('vue-loader'),
       },
       {
         test: /\.css$/,
@@ -38,18 +36,4 @@ module.exports = {
       },
     ],
   },
-
-  node: {
-    // prevent webpack from injecting useless setImmediate polyfill because Vue
-    // source contains it (although only uses it if it's native).
-    setImmediate: false,
-    // prevent webpack from injecting mocks to Node native modules
-    // that does not make sense for the client
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    // eslint-disable-next-line camelcase
-    child_process: 'empty',
-  },
 }
diff --git a/examples/webpack.common.js b/examples/webpack.common.js
@@ -57,6 +57,7 @@ module.exports = (workingDir, examples, options = {}) => ({
     rules: [
       {
         test: /\.html$/,
+        enforce: 'post',
         loader: 'html-loader',
       },
       {