怎么直接中vue组件的style使用less，不是引入less

Question

请教下各位大神，怎么配置

Answer 1

额。。。这个直接在.vue里写less好像只要安装

"less": "^2.3.1", // less-loader依赖less
"less-loader": "^2.2.3"

不需要配置就能用了
不过貌似需要<style lang='less'></style>

<template>
    <div class="test">
        <div class="test-item"></div>
    </div>
</template>

<style lang='less'>
    .test {
        width: 100px;
        height: 100px;
        background: #f00;
        .test-item {
            width: 50px;
            height: 50px;
            background: #ff0;
        }
    } 
</style>

结果：

Answer 2

vue-loader vue-loader

Answer 3

tong wen

Answer 4

要配置vue-loader.

Answer 5

vue-loader 就可以了啊

Answer 6

style 那里还要写一个ref

Answer 7

http://www.jianshu.com/p/e045...