API CSS配置介绍

发布时间：2023-04-14 14:23:58 所属栏目：教程来源：

导读：在 Nuxtjs 里配置全局的 CSS 文件、模块、库。 (每个页面都会被引入)

如果要使用 sass 就必须要安装 node-sass和sass-loader 。

npm install --save-dev node-sass sass-loader
在 nuxt.conf.js中，添加要使用

在 Nuxtjs 里配置全局的 CSS 文件、模块、库。 (每个页面都会被引入)

如果要使用 sass 就必须要安装 node-sass和sass-loader 。

npm install --save-dev node-sass sass-loader
在 nuxt.conf.js中，添加要使用的 CSS 资源：

类型: Array

默认值: string

module.exports = {
css: [
// 直接加载一个 Node.js 模块。（在这里它是一个 Sass 文件）
'bulma',
// 项目里要用的 CSS 文件
'@/assets/css/main.css',
// 项目里要使用的 SCSS 文件
'@/assets/css/main.scss'
]
}
Nuxt.js 会自动识别被导入文件的扩展名，之后，webpack 会使用相应的预处理器进行处理。前提是，你安装了对应预处理器。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!