Vuejs - Browserify - 如何使用LESS变量“@”

Question

我也是vue的新手。

我在我的少文件中遇到变量问题。

我包括他们像这样：

require("./colors.less"); 

..和它的作品！但我得到：

ParseError: Unexpected character '@'

这是我如何设置变量和错误的来源：

//colors.less 
@aqua: #5CBFBF; 
@aquadark: #1C939B; 
@mediumgray :#d1d2ce; 
@blue  :#376784; 

Answer 1

您将需要节点lessify

cd到你的项目，并做到：

npm install node-lessify 

然后在你的项目的根目录找到你的package.json。

作如下补充：

"scripts": { 
    "node-lessify" :"node-lessify src/path-to-your-less-file.less > bundle.js", 
    //....leave what is here already alone, don't forget the trailing comma 
    }, 
    "browserify": { 
    "transform": [ 
     "node-lessify", 
    //....leave what is here already alone, don't forget the trailing comma 
    ] 
    }, 
    "devDependencies": { 
    "node-lessify":"0.1.4", 
    //....leave what is here already alone, don't forget the trailing comma