weapp compiler with webpack5
安装
npm i weapp - compiler @2. x - D
配置 package.json scripts
scripts: {
"dev" : "weapp dev" ,
"build:dev" : "weapp build -d" ,
"build:pre" : "weapp build -s" ,
"build" : "weapp build" ,
}
注意
微信开发者工具 - 本地设置 - 将JS编译成ES5 打钩去掉
配置文件 .weapp.js
const path = require ( 'path' ) ;
module . exports = {
// 路径别名
alias : {
'@utils' : path . resolve ( __dirname , 'src/utils' ) ,
'@config' : path . resolve ( __dirname , 'src/config' ) ,
'@template' : path . resolve ( __dirname , 'src/template' ) ,
'@images' : path . resolve ( __dirname , 'src/images' ) ,
'@obsimage' : path . resolve ( __dirname , 'src/wxs_fila/images' ) ,
'@obs' : path . resolve ( __dirname , 'src/wxs_fila' ) ,
'@obsjson' : path . resolve ( __dirname , 'src/wxs_fila/json' ) ,
} ,
// 资源公共路径
publicPath : 'https://img.test.com/weapp-compiler-test/' ,
// 要同步的目录
copyFiles : [ {
from : 'images' ,
to : 'images' ,
} ] ,
// 华为OBS配置
obsConfig : {
access_key_id : 'XXXXXXXX' ,
secret_access_key : 'XXXXXXXX' ,
server : 'XXXXXXXX' ,
bucket : 'XXXXXXXX' ,
dir : 'weapp-compiler-test' ,
} ,
// 阿里OSS配置
ossConfig : {
region : '<Your region>' ,
accessKeyId : '<Your AccessKeyId>' ,
accessKeySecret : '<Your AccessKeySecret>' ,
bucket : '<Your Bucket>' ,
dir : 'weapp-compiler-test' ,
} ,
} ;
调试
测试
预发
生产
发布
测试
预发
生产
.gitignore