2
vue-loaderコンポーネントで定義されたCSSでグローバルなCSSをオーバーライドしたいと思います。Vue jsローダーはグローバルなCSSをオーバーライドします
現在、私はindex.htmlの中でこれを持っている：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dashboard</title>
<link rel="stylesheet" href="build/styles.css">
</head>
<body id="the-dashboard">
<div id="app">
</div>
//...... Other Code Goes Here ......//
</body>
</html>
そして、私のVUEコンポーネントに私はスコープのスタイルを持っている：
<template>
// ..... Some Code Here ..... //
</template>
<style scoped>
// ... css code here ... //
</style>
<script>
// ... script goes here ... //
</script>
私は何をしたいが、それは、この成分がロードされたときにということですindex.htmlのグローバルなCSSを完全にオーバーライドする必要があります。つまり、scoped cssだけが全身に適用されるべきである（index.htmlにインポートされたCSSは全く使用すべきではない）ような振る舞いをするべきです。
これは可能ですか？
'