首页 > 其他 > 详细

vue中使用less出现的问题(style中使用less设置 scoped 遇到的坑)

时间:2020-08-15 17:29:43      阅读:528      评论:0      收藏:0      [点我收藏+]

最近在学vue的时候碰到的,在项目中的使用了 <style lang="less" scoped>,可以正常编译却不能启动成功,具体报错信息如下:

 

技术分享图片

首先需要安装必要的插件

安装less依赖,npm install less less-loader --save 

修改webpack.base.config.js

在该js中的modules中的rules中增加

   // 解析less
      {
        test: /\.less$/, // 检查文件是否以.less结尾(检查是否是less文件)
        use: [
          // 数组中loader执行是从下到上,从右到左顺序执行
          "style-loader", // 创建style标签,添加上js中的css代码
          "css-loader", // 将css以commonjs方式整合到js文件中
          "less-loader", // 将less文件解析成css文件
        ],
      },

 

vue中使用less出现的问题(style中使用less设置 scoped 遇到的坑)

原文:https://www.cnblogs.com/fsg6/p/13509109.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!