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

【问题标题】：Vuejs -- Browserify -- How to use LESS variables "@"Vuejs——Browserify——如何使用LESS变量“@”
【发布时间】：2017-07-27 23:32:55
【问题描述】：

我也是 vue 新手。

我的 less 文件中的变量有问题。

我像这样包含它们：

require("./colors.less");

..它的工作原理！但我明白了：

ParseError: 意外字符'@'

这是我设置变量和错误来源的方式：

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

【问题讨论】：

标签： javascript vue.js browserify

【解决方案1】：

你将需要 node-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

【讨论】：