diff --git a/packages/@vue/cli-service/lib/commands/build/demo-lib-js.html b/packages/@vue/cli-service/lib/commands/build/demo-lib-js.html
index 078c80befd..af52086787 100644
--- a/packages/@vue/cli-service/lib/commands/build/demo-lib-js.html
+++ b/packages/@vue/cli-service/lib/commands/build/demo-lib-js.html
@@ -1,7 +1,9 @@
 <meta charset="utf-8">
 <title><%- htmlWebpackPlugin.options.libName %> demo</title>
 <script src="./<%- htmlWebpackPlugin.options.libName %>.umd.js"></script>
+<% if (htmlWebpackPlugin.options.cssExtract) { %>
 <link rel="stylesheet" href="./<%- htmlWebpackPlugin.options.libName %>.css">
+<% } %>
 
 <script>
 console.log(<%- htmlWebpackPlugin.options.libName %>)
diff --git a/packages/@vue/cli-service/lib/commands/build/demo-lib.html b/packages/@vue/cli-service/lib/commands/build/demo-lib.html
index c5d5f3cc95..7bc6caf82b 100644
--- a/packages/@vue/cli-service/lib/commands/build/demo-lib.html
+++ b/packages/@vue/cli-service/lib/commands/build/demo-lib.html
@@ -2,7 +2,9 @@
 <title><%- htmlWebpackPlugin.options.libName %> demo</title>
 <script src="https://unpkg.com/vue"></script>
 <script src="./<%- htmlWebpackPlugin.options.libName %>.umd.js"></script>
+<% if (htmlWebpackPlugin.options.cssExtract) { %>
 <link rel="stylesheet" href="./<%- htmlWebpackPlugin.options.libName %>.css">
+<% } %>
 
 <div id="app">
   <demo></demo>
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js b/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
index 2331f93303..56b6bca016 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
@@ -63,7 +63,8 @@ module.exports = (api, { entry, name, formats }, options) => {
             template: path.resolve(__dirname, template),
             inject: false,
             filename: 'demo.html',
-            libName
+            libName,
+            cssExtract: config.plugins.has('extract-css')
           }])
     }