Javascript 如何将Vue单个文件中的JS和CSS提取到*.JS和*.CSS

假设我编写了一个组件

a.vue

，在打包webpack之后，一些使用

a.vue

的HTML如下所示：

。。。。。。
......

a.Vue

中的JS和CSS被打包到

page.JS

和

page.CSS

中。我想知道如何将JS和CSS提取到单独的文件中。然后HTML看起来像：

---

我知道这样做不好，我只是想知道怎么做。

我在github上发现了一个类似的问题。也许你可以试试给定的解决方案

用

webpack(config, function (err, stats) {})

---

我在github上发现了一个类似的问题。也许你可以试试给定的解决方案

用

webpack(config, function (err, stats) {})

---

就我个人而言，我喜欢单文件组件（SFC），但用Vue分离html、css和js真的很容易

MyComponent.vue

<template>
  // html
</template>

<script src="./MyComponent.js"></script>
<style scoped src="./MyComponent.css">
</style>

//html

---

我个人喜欢单文件组件（SFC），但用Vue分离html、css和js真的很容易

MyComponent.vue

<template>
  // html
</template>

<script src="./MyComponent.js"></script>
<style scoped src="./MyComponent.css">
</style>

//html

---

使用

vue cli

创建项目，然后它可以自动提取css和js

---

我正在检查它的网页包配置

使用

vue cli

创建项目，然后它可以自动提取css和js

---

我正在检查它的网页配置

谢谢，但我已经这样试过了。它不起作用。你能发送网页配置吗谢谢，但我已经这样试过了。它不起作用。你能发送网页配置吗