chore: fix vue examples

DanielSchaffer · Jan 15, 2021 · f6134c8 · f6134c8
1 parent 7621de5
commit f6134c8
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 36 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: monospace
+}
+</style>
diff --git a/examples/vue-cssextract/webpack.config.js b/examples/vue-cssextract/webpack.config.js
@@ -19,30 +19,19 @@ module.exports = {
  use: BabelMultiTargetPlugin.loader(),
  }, {
  test: /\.vue$/,
- use: [
- BabelMultiTargetPlugin.loader('vue-loader'),
- ],
+ use: BabelMultiTargetPlugin.loader('vue-loader'),
  },
  {
  test: /\.css$/,
  use: [
- MiniCssExtractPlugin.loader,
+ {
+ loader: MiniCssExtractPlugin.loader,
+ options: {
+ esModule: false,
+ },
+ },
  'css-loader',
  ],
  }],
  },
-
- 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
@@ -58,6 +58,7 @@ module.exports = (workingDir, examples, options = {}) => ({
  {
  test: /\.html$/,
  loader: 'html-loader',
+ enforce: 'post'
  },
  {
  test: /\.(jpe?g|png|gif)/,