vue中使用less出现的问题

2020-6-19 hubo JavaScript

vue中使用less出现的问题,正常编译却不能启动成功:


1.修改项目根目录build中的utils.js
在utils.js中:

less: generateLoaders('less')改为
less: generateLoaders('less').concat(
  {
    loader: 'sass-resources-loader',
    options: {
      resources: path.resolve(__dirname, '../src/assets/css/1.less')
    }
  }
)



2.修改webpack.base.config.js:
在该js中的modules中的rules中增加
{
  test: /\.less$/,
  loader: "style-loader!css-loader!less-loader"
}


3.将less-loader的版本降低:
在package.js中找到less-loader,将版本号改为 ^5.0.0。

然后再执行npm install less-loader@5.0.0 --save

网站备案号:京ICP备11043289号-1 北京市公安局网络备案 海1101084571
版权所有 北京育灵童科技发展有限公司 Copyright © 2002-2024 www.elight.cn, All Rights Reserved