css - 如何在vue-cli元素中配置webpack css loader

Question

我有一个新生成的 vue-cli元素。我使用 npm install purecss --save 安装了 Pure.CSS 框架。但是我不知道如何将 css 框架集成、导入或加载到我的元素中。我什至不知道我应该在元素中的什么地方保留我常用的 css(mystyle.css 等)文件。我猜它应该在 src/assets 目录中。这是 vue-cli Project Structure .

如何将所有 css 文件捆绑到一个文件中，例如 app.css 或 main.css？

Answer 1

您可以通过以下方式将其作为任何其他资源导入:

import '../node_modules/purecss/path/to/css/file.css'

例如，在您的 App.vue 中。

确保 node_modules 的路径是正确的。

然后您就可以在模板中的任何位置使用 purecss 样式了。