0.0.6 • Published 7 years ago

fis3-parser-html-file v0.0.6

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

fis3-parse-html-file

扩展fis3的import标签, 使href属性中的uri参数可以被替换到引入页面中

建议和疑问请邮件 zh1045456074@163.com 或提交 Issues

安装

	$ npm install fis3-parse-html-file

	# 或者全局安装
	$ sudo npm install -g fis3-parse-html-file

使用

	fis.match('**.html', {
		parser: fis.plugin('html-file')
	})

原页面

	<!-- index.html -->
	<link rel="import" href="../../../../commons/components/connect/connect.html?__inline&id=1260836231">

	<!-- connect.html -->
	<link rel="stylesheet" type="text/css" href="./connect.scss?__inline">
	<div class="connect">
		<div class="connect-main clearfix">
			<dl class="connect-block">
				<dt class="connect-title">{{id}}市场合作联系</dt>
				<dd class="connect-line">
			...

编译后

	<!-- head中 -->
	<style type="text/css">
		.connect { background-color: #3d4755; }
		.connect-main { width: 1000px; margin-left: auto; margin-right: auto; padding-top: 46px; padding-bottom: 54px; }
		...
	</style>

	<!-- 页面中 -->
	<div class="connect">
		<div class="connect-main clearfix">
			<dl class="connect-block">
				<dt class="connect-title">1260836231市场合作联系</dt>
				...

优缺点

优点

  • 解决某些页面引入需要传参的问题
  • 解决被引入的页面中包含相对路径的资源

缺点

  • 被引入的页面没有被fis3监听

更新日志

2016-12-22 (v0.0.4-v0.0.6)

  • 先替换数据, 再修改路径, 应对路径中有数据要替换的情况

2016-12-21 (v0.0.1-v0.0.3)

  • 上传