UNIAPP记录less-loader报错,创建vue.config.js解决

记录下UNIAPP报错:

Module build failed (from ./node_modules/less-loader/dist/cjs.js):

起初认为是less版本低的原因

npm uninstall less-loader(卸载当前less-loader)
npm install [email protected] --save

查看less-loader的所有版本:

npm  view less-loader versions

查看less-loader最新的版本:

npm  view less-loader version

安装7版本的less-loader:

npm  i less-loader@7

然后发现依旧报错。

于是考虑:
1. 方案一:暂时将less版本降到3.0以下(不推荐)

2. 开启 JavaScript :项目中实现,在根目录下创建vue.config.js文件,然后里面写入一下代码:

const path = require('path')

module.exports = {
    css: {
        loaderOptions: {
            less: {
                javascriptEnabled: true,
                modifyVars: {
                    'hack': `true;@import "${path.resolve(__dirname, './').replace(/\\/g, '\\\\')}/laike.less";`
                }
            }
        }
    }
}  

或者:

{
  loader: "less-loader",
  options: {
    javascriptEnabled: true
  }
}

module.exports={
    //选项
    css:{
        loaderOptions:{
            less:{
                javascriptEnabled: true
            }
        }
    }
};

你可能感兴趣的:(javascript,前端,vue.js)