Vuejs - Browserify - 덜 사용하는 방법 "@"

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 

:

는 다음과 같은 추가합니다