加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
vue-path-injector.js 1.31 KB
一键复制 编辑 原始数据 按行查看 历史
zhuangqp 提交于 2020-09-01 15:11 . 初始化结构
const path = require('path');
//const loaderUtils = require('loader-utils')
module.exports = function(content) {
const loaderContext = this;
const { rootContext, resourcePath } = loaderContext;
const context = rootContext || process.cwd();
//const options = loaderUtils.getOptions(loaderContext) || {}
const rawShortFilePath = path
.relative(context, resourcePath)
.replace(/^(\.\.[\/\\])+/, '');
//找到vue文件中单独一行<template 开头的内容
let tmplStartPos = content.search(/^\s*<\s*template\W/mi);
if (tmplStartPos >= 0) {
let tmplEndPos = content.indexOf('>', tmplStartPos + 9);
let pos = content.indexOf('>', tmplEndPos + 1);
if (pos > 0) {
//获取<template>后续一行标签行,如果是transition设置,则再获取下一行标签的结束位置
let tmplFirstLine = content.substring(tmplEndPos + 1, pos + 1);
let transPosInLine = tmplFirstLine.search(/^\s*<\s*transition\W/mi);
if (transPosInLine >= 0) {
pos = content.indexOf('>', pos + 1);
}
}
if (pos > 0) {
content = content.slice(0, pos) + ' src-path="' + rawShortFilePath + '"' + content.slice(pos);
}
if (rawShortFilePath.lastIndexOf('Modal.vue') > 0) {
console.log(content);
}
}
return content;
};
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化