[WeChat Mini Program] How does the WeChat Mini Program use absolute paths to introduce resources?

talk is cheap, show me the code.

model
	|- test.js
pages
	|- user
		|- user.js
app.js

After several attempts, I wanted user.jsto import test.jsthe data in, and
finally came to the conclusion: Absolute paths cannot be used to import resources in WeChat applets, only relative paths can be used to import resources .

import

The relative path is introduced correctly

import {
    
    data} from '../../model/test.js'

Absolute path introduction error

import {
    
    data} from '/model/test.js'

test.js

const data = 'hello world'
export {
    
    
  data
}

Introduce by require

The relative path is introduced correctly

const {
    
    data} = require('../../model/test.js')

Absolute path introduction error

const {
    
    data} = require('/model/test.js')

test.js

const data = 'hello world'
module.exports = {
    
    
  data
}

solution

App({
    
    
	require: ($uri) => require($uri),
})

Usage

user.js

const app = getApp()
const {
    
    data} = app.require('model/test.js')

Page({
    
    
	onLoad: function (options) {
    
    
		console.log('test', data)
	},
})

test.js

const data = 'hello world'
module.exports = {
    
    
  data
}

reference

segmentfault-WeChat Mini Program absolute path require

Guess you like

Origin blog.csdn.net/AV_woaijava/article/details/109178484