前提是所有的环境配置都安装好了
使用less预编译语言
npm install less less-loader --asve
这样就已经下载安装好了less 和less-loader了,然后就配置
查看已经安装的地方:package.json>dependencies中可以看到;node_modules中也看到源码
然后在build文件下的webpack.base.conf.js>module.exports.module的数组中添加以下对象:
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
}
然后就重新跑一次项目
在项目中要用到的<style lang="less" scoped>标签中加上 lang="less" 就可以使用,加上scoped 是标识只能在当前模板中有效的style