如何使用Aurelia ESnext Easy-Webpack配置LESS?

时间:2017-01-25 11:19:07

标签: less aurelia easy-webpack

我正在尝试在Less CSS中配置Aurelia ESnext-Webpack Skeleton starter kit支持,并且在引入基于Less的框架后,当我运行npm start时,我看到以下警告:< / p>

WARNING in ./~/css-loader!./~/spectre.css/spectre.less
Module build failed: Unknown word (1:1)
> 1 | // Copyright 2016 Spectre.css
    | ^
  2 | // Licensed under MIT Open Source
  3 |
  4 | // Core variables

 @ ./src ^\.\/.*$
 @ ./~/aurelia-loader-webpack/dist/commonjs/aurelia-loader-webpack.js
 @ multi aurelia

enter image description here

这是我正在使用的配置:

/* ./webpack.config.babel.js */
...
import html from '@easy-webpack/config-html'
import less from '@easy-webpack/config-less'
import css from '@easy-webpack/config-css'
...
let config = generateConfig(
  ...
  html(),
  less({ filename: 'styles.css', allChunks: true, sourceMap: false }),
  css({ filename: 'styles.css', allChunks: true, sourceMap: false }),
  ...
)
...

但是,尽管有警告它似乎有效 - styles.css包含在浏览器中检查时的所有less资产。

我是否正确配置了easy-webpack/config-less

如果是,请如何停止显示警告消息?

0 个答案:

没有答案