nuxt 2.0采坑计之静态文件css

 

外部引入css

全局引用方法为   （在nuxt.config.js配置中在   module.exports = {}  中添加）

head: {    meta: [      { charset: 'utf-8' },      { name: 'viewport', content: 'width=device-width, initial-scale=1' },      { hid: 'description', name: 'description', content: pkg.description }    ],    link: [      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },      { rel: 'stylesheet', href:   'https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css'},   //外部引入css方式 　　　　{ rel: 'stylesheet', href:   '/css/phone-reset.css'}   // 内部引入会默认读取（static文件夹）

] },

 

 

局部引入css   （在需要引入的vue文件里  module.exports = {} 中添加）

head：{

link : [            { rel: 'stylesheet', href: '/css/index.css'}   // 内部引入会默认读取     ]

},