fex-team / fis3-demo

fis3 demo
888 stars 347 forks source link

fis3配置问题。求解救。 main.less文件中所@import的less文件没有被一起编译到main.css。怎么破 #65

Open doubleHao2 opened 7 years ago

doubleHao2 commented 7 years ago

fis.conf.js 是: fis.match(/^\/less\/([^_]*.less$)/i, { release: '/content/$1' });

项目结构如图 https://pic3.zhimg.com/v2-3eccb72f28fefa4d2fa17d2a4d8e1e16_b.png

main.less里引入了lib下的两个less文件,希望最后产出到content/main.css文件中,是产出了,但产出的main.css文件内容是这样的:

@import lib/_reset.less

@import lib/_common.less

.header {

}

.box-main {

}

也就是说引入lib下的文件没有给编译成css后植入进来,而是直接把两行代码原封不动的丢了进来

oxUnd commented 7 years ago

less 的编译需要配置具体的 parser 插件。

fis.match('*.less', {
  parser: fis.plugin('less')
});

具体插件安装 fis-parser-less

doubleHao2 commented 7 years ago

总算有人回复了。激动... 插件配好了,main.less里的内容可以编译并输出到main.css文件中, 只是main.less中@import的两个less文件没有被编译并输出到main.css.

输出的main.css内容: @import lib/_reset.less @import lib/_common.less .header { height:100px; } .header logo { width:100px; background-image: url('fsaf.png'); } .box-main {


}