如何给vue项目安装配置less
前提是项目工程里有webpack.base.conf.js文件这需要建项目工程时是用脚手架vue-cli和webpack这是建工程的具体操作1、安装less建议安装指定版本号,否则后面引用less时会报错,如果报错,请看另一篇文章a.不指定版本号的安装命令npm install less less-loader --save-devb.安装指定版本的命令npm install less less-
·
前提是项目工程里有webpack.base.conf.js文件
这需要建项目工程时是用脚手架vue-cli和webpack这是建工程的具体操作
1、安装less
建议安装指定版本号,否则后面引用less时会报错,如果报错,请看另一篇文章
a.不指定版本号的安装命令
npm install less less-loader --save-dev
b.安装指定版本的命令
npm install less less-loader@5.0.0 --save-dev
下面是我安装时的截图
2、找到webpack.base.conf.js文件,在module下的rules数组里添加下面这条配置
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
},
下面是我配置的截图
更多推荐
已为社区贡献1条内容
所有评论(0)