扫码关注官方订阅号
如何做一个不用路径可以加载的js模块, 可以直接引入的,npm install 的模块一样,require('zepto.js')或 import vue from 'vue'
小伙看你根骨奇佳,潜力无限,来学PHP伐。
不是特别清晰问题的初衷,猜测是想说:做到引入自定义 js 模块,使得可以不用加路径这样么?
如果是这样,给的建议是:你用了 vue,那么也当使用 webpack;可在 webpack 中,为项目中文件路径,设置别名来解决这个需求。如果自行配制 webpack 有些麻烦的话,可使用 vue-cli ,她已经为此定制好几乎所有,直接用即可。
resolve: { extensions: ['.js', '.vue', '.json'], modules: [ resolve('src'), resolve('node_modules') ], alias: { 'vue$': 'vue/dist/vue.common.js', 'src': resolve('src'), 'assets': resolve('src/assets'), 'components': resolve('src/components') } }
如上配置,你可以在其中注入自定义的 js 模块,这样以来,即可做到,项目中直接引用即可,无须加路径。
├── node_modules │ ├── xxx // xxx模块 │ │ ├── vue.js // 模块js │ │ └── package.json // package.json里面main字段指定为模块js入口vue.js
随后便可以 require('xxx') 或 import 'xxx' // 会解析为xxx/vue.js
tip: 将xxx文件及手动放在node_modules即可,package.json的必要字段要填,main指定入口文件
其实楼主说的功能非常像发布自己的包到npm上,然后就可以 npm install 自己的包,并随意 require了。
npm install 自己的包
require
楼主可以搜索“npm发布自己的包”,很多教程,关键是:真的很简单!
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不是特别清晰问题的初衷,猜测是想说:做到引入自定义 js 模块,使得可以不用加路径这样么?
如果是这样,给的建议是:你用了 vue,那么也当使用 webpack;可在 webpack 中,为项目中文件路径,设置别名来解决这个需求。如果自行配制 webpack 有些麻烦的话,可使用 vue-cli ,她已经为此定制好几乎所有,直接用即可。
如上配置,你可以在其中注入自定义的 js 模块,这样以来,即可做到,项目中直接引用即可,无须加路径。
随后便可以 require('xxx') 或 import 'xxx' // 会解析为xxx/vue.js
tip: 将xxx文件及手动放在node_modules即可,package.json的必要字段要填,main指定入口文件
其实楼主说的功能非常像发布自己的包到npm上,然后就可以
npm install 自己的包,并随意require了。楼主可以搜索“npm发布自己的包”,很多教程,关键是:真的很简单!