uniapp配置easycom

easycom的作用主要是,在pages.json文件里面配置了easycom,使用组件的时候就不用每次都在页面里面引入一下了。

自定义easycom配置的示例

"easycom": {
  "autoscan": true,
  "custom": {
    "^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件
    "^vue-file-(.*)": "packageName/path/to/vue-file-$1.vue" // 匹配node_modules内的vue文件
  }
}

我的组件是创建在components/文件夹/组件.vue,所以在我的项目里面的配置方式就是如下:

"easycom": {
	  "autoscan": true,
	  "custom": {
	    "^ui-(.*)": "@/components/ui-$1/ui-$1.vue" // 匹配components目录内的vue文件
	  }
	},

值得注意的是,改变了pages.json的配置方式需要重新运行一下项目才能生效

关于配置node_modules里面的组件我还没有试,等有用到的地方再更新


版权声明:本文为qq_25170255原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。