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

Question

我也是vue的新手。

我在較少的文件中遇到變量問題。

我把它們包括在內：

require("./colors.less");

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

ParseError：意外字符'@'

這是我設置變量和錯誤來源的方法：

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

Answer 1

您將需要節點減少

進入你的項目並做：

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