search

easy-team / egg-vue-webpack-boilerplate

Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
https://easyjs.cn/egg-vue
MIT License
1.36k stars 248 forks source link

less 函数，编译不通过 #14

Closed jerryge closed 7 years ago

jerryge commented 7 years ago

<style lang="less"> .ziti(@c: #C7C7C7) { color: @c; } .some { .ziti(#000) } </style> 不用到函数的时候，less没有问题。

hubcarl commented 7 years ago

@jerryge 该问题需要看看

jerryge commented 7 years ago

@hubcarl 嗯。谢谢。看了一下easywebpack插件的loader顺序都没有问题，网上提到最多的原因是这个。

hubcarl commented 7 years ago

@jerryge 原因是这个？ 目前测试 用@import "test.less" 方式可以， 用 style 内联方式编译出错

jerryge commented 7 years ago

@hubcarl 不确认定，我是谷歌了一下，别人提到的。

jacksky007 commented 7 years ago

参照 https://github.com/vuejs/vue-loader/issues/748 来看，https://github.com/hubcarl/easywebpack/blob/master/utils/loader.js#L43 这里的loaders配置不对，我试了手动添加

preLoaders: {
  less: 'less-loader',
}

是可以工作的 @hubcarl @jerryge

hubcarl commented 7 years ago

好的，我看一下

hubcarl commented 7 years ago

@jacksky007 按你的方式测试ok，已经修复less和sass style 的问题，已发布最新版本，更新最代码即可，增加了 less和sass style/import 的方式demo

jacksky007 commented 7 years ago

@hubcarl 看了下，sass 需要

sass: 'sass-loader?indentedSyntax'

另外，把 https://github.com/shama/stylus-loader 也加上吧

hubcarl commented 7 years ago

好，loader这一块 我找个时间(8月份）结合webpack3重写一下，支持更灵活的用户定制

hubcarl commented 7 years ago

针对sass已加 indentedSyntax ，stylus 也加上了 @jacksky007