如何在vue-cli项目中配置webpack css loader

时间:2017-12-03 15:24:09

标签: css webpack vue.js node-modules vue-cli

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

如何将所有css文件捆绑在一个文件中,例如app.css或main.css?

1 个答案:

答案 0 :(得分:1)

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

import '../node_modules/purecss/path/to/css/file.css'
例如,在App.vue

确保node_modules的路径正确。

然后,您已准备好在模板中的任何位置使用purecss个样式。