gulp-resolve-path
gulp插件——解决模板和静态资源编译后相对路径定位的问题,目前可支持对html、css和js的解析
使用示例
目录结构示例(静态资源和模板发布后不在同一目录下,需要解决资源定位的问题):
--client (源文件目录)
----widget
------index
--------index.html
--------index.css
--------index.js
--------img
----------logo.png
--public (静态资源编译后的目录)
----widget
------index
--------index.css
--------index.js
--------img
----------logo.png
--views (模板编译后的目录)
----widget
------index.html
--gulpfile.js (gulp编译文件)
在HTML中定位资源
在JS中定位资源
var logo = ; // => "client/widget/index/img/logo.png"
在CSS中定位资源
在gulpfile.js文件中的处理
var gulp = ;var replace = ;var resolvePath = ;var options = /* root: process.cwd(), ext: { template: ['html'], script: ['js'], style: ['css', 'less', 'sass'] } */; //静态资源的编译发布,这里做了简化处理gulp; //模板的编译发布gulp;
详情可参考Demo:https://www.npmjs.com/package/gulp-resolve-path-demo