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-replace
在gulp
打包的時候進行環境自動切換:
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 豆瓣電影榜單集合 最新,最...