美文网首页
nuxt填坑...

nuxt填坑...

作者: 游戏藏宝盒 | 来源:发表于2019-07-15 15:39 被阅读0次

    由于公司开发需要,使用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框架还在继续探索中,后续更新中...

    相关文章

      网友评论

          本文标题:nuxt填坑...

          本文链接:https://www.haomeiwen.com/subject/bfvnkctx.html