Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
doubleHao2 opened this issue Aug 31, 2017 · 2 comments

Comments

@doubleHao2
Copy link

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
Copy link
Contributor

oxUnd commented Sep 1, 2017

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

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

具体插件安装 fis-parser-less

@doubleHao2
Copy link
Author

总算有人回复了。激动...
插件配好了,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 {


}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants