{"_id":"@abnpm/vue-inset-loader","name":"@abnpm/vue-inset-loader","dist-tags":{"latest":"1.2.7"},"versions":{"1.2.7":{"name":"@abnpm/vue-inset-loader","version":"1.2.7","description":"在sfc模板指定位置插入自定义内容","main":"index.js","repository":{"type":"git","url":"git+https://github.com/1977474741/vue-inset-loader.git"},"author":{"name":"鹅鹅鹅","email":"1977474741@qq.com"},"license":"ISC","dependencies":{"vue-template-compiler":"^2.6.10","strip-json-comments":"^2.0.1"},"_id":"@abnpm/vue-inset-loader@1.2.7","gitHead":"d55414e297ddd94859ec6dc07be6b9d37973b8c7","bugs":{"url":"https://github.com/1977474741/vue-inset-loader/issues"},"homepage":"https://github.com/1977474741/vue-inset-loader#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-rVDWnPWdQ47ncmuKp/t+74Qn1FKJ6w2P5RVVI66ne7L8HoOy3+jJNs5/10MJL9FzXWZ1cgFzA4nFXe0OEol66w==","shasum":"19415a70ff8455de6454b81fb582048aca3f936a","tarball":"https://registry.npmjs.org/@abnpm/vue-inset-loader/-/vue-inset-loader-1.2.7.tgz","fileCount":4,"unpackedSize":7303,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBkMh3DpawCtu6+x1CTZlBSX7U4ROE37y4JBjmJs6vQ0AiEAuSQxQTKS/GUkvVIKMLvmLF5B188WGM4joFlvufLqjg4="}]},"_npmUser":{"name":"abnpm","email":"493179880@qq.com"},"directories":{},"maintainers":[{"name":"abnpm","email":"493179880@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-inset-loader_1.2.7_1756898396194_0.05882801223872525"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-03T11:19:56.113Z","1.2.7":"2025-09-03T11:19:56.399Z","modified":"2025-09-03T11:19:56.654Z"},"maintainers":[{"name":"abnpm","email":"493179880@qq.com"}],"description":"在sfc模板指定位置插入自定义内容","homepage":"https://github.com/1977474741/vue-inset-loader#readme","repository":{"type":"git","url":"git+https://github.com/1977474741/vue-inset-loader.git"},"author":{"name":"鹅鹅鹅","email":"1977474741@qq.com"},"bugs":{"url":"https://github.com/1977474741/vue-inset-loader/issues"},"license":"ISC","readme":"\n# vue-inset-loader\n#### 编译阶段在sfc模板指定位置插入自定义内容，适用于webpack构建的vue应用，常用于小程序需要全局引入组件的场景。（由于小程序没有开放根标签，没有办法在根标签下追加全局标签，所以要使用组件必须在当前页面引入组件标签）\n\n### 第一步 安装\n\n    npm install vue-inset-loader --save-dev\n\n### 第二步 vue.config.js注入loader\n\n    module: {\n        rules: [\n          {\n            test: /\\.vue$/,\n            use:{\n                loader: \"vue-inset-loader\"\n                // // 针对Hbuilder工具创建的uni-app项目\n                // loader: path.resolve(__dirname,\"./node_modules/vue-inset-loader\")\n            }\n          }\n        ]\n    },\n    // 支持自定义pages.json文件路径\n    // options: {\n    //     pagesPath: path.resolve(__dirname,'./src/pages.json')\n    // }\n\n### 第三步 pages.json配置文件中添加insetLoader\n\n    \"insetLoader\": {\n        \"config\":{\n            \"confirm\": \"<BaseConfirm ref='confirm'></BaseConfirm>\",\n            \"abc\": \"<BaseAbc ref='BaseAbc'></BaseAbc>\"\n        },\n        // 全局配置\n        \"label\":[\"confirm\"],\n        \"rootEle\":\"div\"\n    },\n    \"pages\": [\n        {\n            \"path\": \"pages/tabbar/index/index\",\n            \"style\": {\n                \"navigationBarTitleText\": \"测试页面\",\n                // 单独配置，用法跟全局配置一致，优先级高于全局\n                \"label\": [\"confirm\",\"abc\"],\n                \"rootEle\":\"div\"\n            }\n        },\n    ]\n\n###  配置说明\n\n - `config` (default: `{}`)\n    定义标签名称和内容的键值对\n - `label`(default: `[]`)\n    需要全局引入的标签，打包后会在所有页面引入此标签\n - `rootEle`(default: `\"div\"`)\n    根元素的标签类型，缺省值为div，支持正则，比如匹配任意标签 \".*\"\n\n ✔ `label` 和 `rootEle` 支持在单独页面的style里配置，优先级高于全局配置\n\n\n### 优化\n- 支持子包路由\n","readmeFilename":"README.md","_rev":"1-1ba3a67df94084bd7ed1c2c17007df2f"}