小程式專案構建(二)

2021-09-25 13:51:52 字數 1949 閱讀 2163

let env_config =

require

('./index'

)let envlist = object.

keys

(env_config)

import envobj from

'./env'

module.

exports

=function

shake()

,2000

) wx.

vibratelong()

wx.showmodal(,

fail

(res)})

}}})

}})}

function

changeenv

(curenv)

if

(envobj.env !==

'production'

)

還有個問題,如果每次打包時需要手動修改env環境變數的值,也挺麻煩的。我們可以利用gulp-replacegulp打包的時候進行環境自動切換:

const  watch =

require

('gulp-watch');

const replace =

require

('gulp-replace');

const gulpsequence =

require

('gulp-sequence');

const alias =

require()

;// js task 不處理 env.js 檔案的打包

gulp.

task

('js'

,function()

)// envcompile task 對 env.js 進行打包

gulp.

task

('envcompile:dev'

,function()

)).pipe

(gulp.

dest

('dist/env'))

})gulp.

task

('envcompile:production'

,function()

)).pipe

(gulp.

dest

('dist/env'))

})// ... 省略一些 task

gulp.

task

('watch'

,function()

)}w(

'src/**/*',[

'wxss'])

;w('src/**/*.js',[

'js'])

;w('src/**/*.html',[

'wxml'])

;w('src/**/*.png',[

'image'])

;w('src/**/*.json',[

'json'])

;});

gulp.

task

('dev'

,function

(cb));

gulp.

task

('production'

,function

(cb)

);

這樣執行gulp dev就是跑的就是dev環境下的介面,gulp production就是production環境下的介面。

// project.config.json 檔案

"scripts"

:,

小程式 專案結構

小程式的檔案結構由三個檔案和資料夾組成,放在根目錄 即最外層目錄 下的三個檔案,分別是 而在根目錄的資料夾內,則是由檔名相同但是字尾不同的四個檔案組成,他們的字尾分為 注 1.資料夾內四個檔案必須同名。例如首頁index.js index.wxml index.wxss index.json。2.乙...

微信小程式 自動構建npm

準備 npm init 進入設定 名稱什麼的,設定完成之後會在根目錄新增乙個package.json檔案 使用 以vant 安裝為例 安裝完成會新增乙個node modules目錄 使用安裝的vant 開啟 開發者工具的 右上角的詳情 本地設定 使用npm模組 如果設定好的話可以忽略此步驟 找到工具...

微信小程式 專案實戰(二)board 首頁

1.專案結構 2.頁面 1 資料 邏輯 board.js pages board board.js page 生命週期函式 監聽頁面載入 onload function options header success function res 2 布局 board.wxml 豆瓣電影榜單集合 最新,最...