由于公司开发需要,使用vue框架进行前端搭建,考虑SEO问题后,给到的解决方案为服务端渲染(SSR)。
问题一:
项目中通常会用到sass,less等预处理语言。个人习惯less,在研究NUXT中发现,nuxt.config.js中并没有配置less,更多地将自定义的内容抛出来开发自己配置。官网的sass配置会发现是在global的css数组中引用assets文件下的sass或less文件,此方法是将assets里的文件作为全局css进行应用。但我更多的是想在pages,compnoents里的vue文件里使用less。百度许久终于弄明白了:
1.第一步肯定是安装啦!cnpm install --save(生产环境,开发环境为--save-dev) less less-loader
2.进入package.json文件中检查less以及less-loader是否安装成功,否则重复第一步;
3.在nuxt.config.js中的build对象中配置loader,同客户端渲染vue中的webpack相同:如下图,
less配置图NUXT框架还在继续探索中,后续更新中...
网友评论