fis3-demo
fis3-demo copied to clipboard
fis3配置问题。求解救。 main.less文件中所@import的less文件没有被一起编译到main.css。怎么破
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后植入进来,而是直接把两行代码原封不动的丢了进来
less 的编译需要配置具体的 parser 插件。
fis.match('*.less', {
parser: fis.plugin('less')
});
具体插件安装 fis-parser-less
总算有人回复了。激动... 插件配好了,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 {
}