小程序js中如何引入组件

小程序js中引入组件如一下步骤：

1、准备好外部想要引入的外部文件，命名为util.js，并且填充固定的文件内容（一般是固定的库）。

2、打开util.js，继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部js放在指定的文件夹utils里（utils规定存放js库和数字格式化文件）。

4、在想要用到这个方法的js里面require这个js，然后调用即可。

用过 npm 的小伙伴肯定很熟悉 node_modules，但是「微信开发工具」是不认 node_modules 的 , 它认的是 miniprogram_npm； 而 miniprogram_npm 是通过 node_modules 转出来的， 它是通过「微信开发工具」的 “工具” ->“构建 npm” 生成出来的。

具体步骤如下：

1、 npm init

这里会产生 package.json 的配置文件

2、 npm install ** --p --s

安装需要的包，这里会产生 node_modules

3、「微信开发工具」走一遍 “工具” ->“构建 npm”

这里会产生 miniprogram_npm

4、「微信开发工具」的本地配置中 “使用 npm 模块” 勾上

5、使用包

引入的组件可以有第三方组件和 js 工具

1、 按照步骤安装库同时走一遍 “工具” ->“构建 npm”，产生\miniprogram_npm\weui-miniprogra

npm install weui-miniprogram --p --s

2、 在 app.wxss 引入全局样式

3、在需要使用的页面中引入控件和使用，

譬如 pages/index/index.json，然后就可以在 index.wxml

1、 按照步骤安装库同时走一遍 “工具” ->“构建 npm”，产生\miniprogram_npm\js-base64

npm install js-base64 --p --s

2、在 *.js 文件中用 require 或者 import 引入，然后使用

---