Less Vue

Vue - 配置less环境

Posted on 11-01 2019,1 min read
安装Less
npm i less less-loader -S 

注意:独立的vue文件需要引入less

<style lang="less"></style>
配置全局变量

Vue-cli3X
vue.config.js

const path = require('path');
module.exports = {
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                //这个是加上自己的路径,
                //注意:试过不能使用别名路径
                path.resolve(__dirname, 'src/assets/css/theme.less'),
            ]
        }
    }
}

下一篇: Vuex - 概论