Vuejs - Browserify - LESS変数の使い方 "@"

Question

私はvueの新機能です。

私の少ないファイルでは変数に問題があります。

私はそうのようにそれらを含める：

require("./colors.less"); 

は、それが動作..and！しかし、私は得る：

ParseError: Unexpected character '@'

はこれがどのようにIセットアップ変数とエラーのソース：

//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