如何在vue-cli项目中配置webpack css loader
How to configure webpack css loader in a vue-cli project
我有一个新生成的vue-cli project. I've installed the Pure.CSS framework using npm install purecss --save. But I cannot figure out how to integrate, import or load the css framework into my project. I don't even know where in the project I should keep my usual css (mystyle.css etc.) files. I am guessing it should be inside the src/assets directory. Here is the vue-cli Project Structure。
如何将所有 css 文件打包到一个文件中，例如 app.css 或 main.css？
您可以通过以下方式将其作为任何其他资源导入：
import '../node_modules/purecss/path/to/css/file.css'
例如在你的 App.vue 中。
确保 node_modules 的路径正确。
然后您就可以在模板中的任意位置使用 purecss 样式了。
我有一个新生成的vue-cli project. I've installed the Pure.CSS framework using npm install purecss --save. But I cannot figure out how to integrate, import or load the css framework into my project. I don't even know where in the project I should keep my usual css (mystyle.css etc.) files. I am guessing it should be inside the src/assets directory. Here is the vue-cli Project Structure。
如何将所有 css 文件打包到一个文件中，例如 app.css 或 main.css？
您可以通过以下方式将其作为任何其他资源导入：
import '../node_modules/purecss/path/to/css/file.css'
例如在你的 App.vue 中。
确保 node_modules 的路径正确。
然后您就可以在模板中的任意位置使用 purecss 样式了。