故事背景初步总结:自动导入工具,前端打字员的自我救赎github:smart-importsmart-import的功能是根据配置文件自动将指定目录下的自定义模块导入到目标文件中,并监听文件变化在指定目录下smart-import的自动更新还在测试中。使用安装工具npminstallsmart-import-g写入配置文件smart-import.json{"extname":".vue","from":"demo/pages","to":"demo/router/index.js","template":"constmoduleName=()=>import(modulePath)","ignored":["demo/pages/pageA.vue","demo/pages/**/*.js"]}extname:要自动导入的模块的后缀名from:要自动导入的模块源目录to:目标文件template:导入方法的模板ignored:要忽略的模块输入simports诞生smart-import的介绍smart-import是一个命令行工具,和写网站有些区别。同篇,github搭建仓库,npminit会通过npminit生成一个package.json文件。main字段是如果你的代码最终是作为一个模块被别人import/require的,那么这个文件就是这个模块的入口文件,可以参考npm官方文档中的nodeloadingmodules的机智main字段是一个模块作为程序主要入口点的ID。也就是说,如果你的包名为foo,并且用户安装了它,然后确实需要(“foo”),那么你的主模块的导出对象将被返回。这应该是一个模块IDrela转到包文件夹的根目录。对于大多数模块,拥有一个主脚本是最有意义的,通常没有太多其他内容。由于smart-import是一个命令行工具,不会被其他人import/require,所以main字段可以忽略;需要注意的是bin字段"bin":{"simport":"./bin/index.js"},取自npm官方文档很多包都有一个或多个他们想要的可执行文件安装到路径中。npm使这变得非常简单(事实上,它使用此功能来安装“npm”可执行文件。)要使用它,请在package.json中提供一个bin字段,它是命令名称到本地文件名的映射。安装时,npm将该文件符号链接到prefix/bin用于全局安装,或./node_modules/.bin/用于本地安装。简单的说,把你的脚本放在环境变量里,在你的脚本的第一行一定要加上#!/usr/bin/envnode,告诉电脑使用node来运行这个脚本。在测试您的脚本之前,您需要运行npminstall-g将您的脚本链接到环境变量,否则,您将被告知该命令不存在。发布smart-import,首先要有一个npm账号,然后添加一个账号到包中。npmadduser之后,你可以通过npmwhoami来验证你的账户信息。最后更新npmpublish的版本为npmversionpatchnpmpublish参考https://docs.npmjs.com/files/...https://developer.atlassian.c...https://javascriptplayground....https://www.sitepoint.com/jav...
