css属性

js允许您定义要全局设置的CSS文件/模块/库(包括在每个页面中)。

如果你想用萨斯确保已安装萨斯sass装载机包装。如果你不只是

npm安装—保存dev sass sass-loader@10纤维
同步编译萨斯(速度增加2倍)自动启用什么时候纤维已安装。
  • 类型:数组
    • 项目:一串
numxt.config.js文件
出口违约{css格式:[//直接加载Node.js模块(这里是Sass文件)“布尔玛”,//项目中的CSS文件'@/assets/css/main.css',//项目中的SCSS文件'@.scss/main资源']}

js将根据文件扩展名自动猜测文件类型,并为webpack使用适当的预处理器加载程序。如果需要使用它们,您仍然需要安装所需的加载程序。

样式扩展

您可以省略CSS/SCSS/postss/Less/Stylus/的文件扩展名。。。在nuxt config文件的css数组中列出的文件。

numxt.config.js文件
出口违约{css格式:[“~/assets/css/main”,“~/assets/css/animations”]}

如果您有两个同名的文件,例如。主.scss主.css,并且不要在css数组条目中指定扩展名,例如。css:['~/assets/css/main'],则仅加载一个文件,具体取决于样式扩展. 在这种情况下,只有css格式文件将被加载scss公司文件将被忽略,因为css格式默认情况下排在第一位样式扩展数组。

默认顺序:['css'、'pcss'、'postss'、'styl'、'stylus'、'scss'、'sass'、'less']

在此页上

合作伙伴

  • Netlify公司
  • 谷歌浏览器
  • 维塞尔
  • 膨胀
  • 斯特拉皮
  • 船型
  • 第0层
  • 故事块
  • 64个机器人
  • Netlify公司
  • 谷歌浏览器
  • 维塞尔
  • 膨胀
  • 斯特拉皮
  • 船型
  • 第0层
  • 故事块
  • 64个机器人
支持我们