您好,登錄后才能下訂單哦!
這篇文章主要介紹“mp-vue編譯指令實(shí)例分析”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“mp-vue編譯指令實(shí)例分析”文章能幫助大家解決問(wèn)題。
首先我們來(lái)看一下不同文件的生成
"scripts": { "dev:wx": "node build/dev-server.js wx", "start:wx": "npm run dev:wx", "build:wx": "node build/build.js wx", "dev:swan": "node build/dev-server.js swan", "start:swan": "npm run dev:swan", "build:swan": "node build/build.js swan", "dev:tt": "node build/dev-server.js tt", "start:tt": "npm run dev:tt", "build:tt": "node build/build.js tt", "dev:my": "node build/dev-server.js my", "start:my": "npm run dev:my", "build:my": "node build/build.js my", "dev": "node build/dev-server.js wx", "start": "npm run dev", "build": "node build/build.js wx" },
接下來(lái)我們就看一看如何通過(guò)指令來(lái)實(shí)現(xiàn)多中類型小程序的生成的。
首先我們通過(guò)看到bulid.js文件,因?yàn)橥ㄟ^(guò)上面我們看到通過(guò)bulid.js文件為入口的,然后通過(guò)配置文件,判斷指令的后綴入wx之類,生成對(duì)應(yīng)的文件后綴。
var fileExtConfig = { swan: { template: 'swan', script: 'js', style: 'css', platform: 'swan' }, tt: { template: 'ttml', script: 'js', style: 'ttss', platform: 'tt' }, wx: { template: 'wxml', script: 'js', style: 'wxss', platform: 'wx' }, my: { template: 'axml', script: 'js', style: 'acss', platform: 'my' } }
通過(guò)后綴進(jìn)行區(qū)分文件生成對(duì)應(yīng)文件的后綴名
生成文件代碼
index: path.resolve(__dirname, `../dist/${fileExt.platform}/index.html`), assetsRoot: path.resolve(__dirname, `../dist/${fileExt.platform}`),
關(guān)于“mp-vue編譯指令實(shí)例分析”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。