weapp compiler with webpack5

安装

npm i [email protected] -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',
  },
  // webpack 配置
  configureWebpack: {},
  // 字符串或函数 (filePath: string) => string
  pageWxmlInject: ''
};

调试

测试

npm run dev

预发

npm run dev -s

生产

npm run dev -p

发布

测试

npm run build -d

预发

npm run build -s

生产

npm run build

.gitignore

.temp