第一步:安装 less 和less-loader
npm install less less-loader --save
第二步:修改webpack.base.conf.js文件
找到build文件夹下的webpack.base.conf.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
},
]
},
第三步:使用lang=“less”
<style lang="less" scoped>版权声明:本文为weixin_58431406原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。