weapp-compiler

基于webpack5的小程序构建工具


License
ISC
Install
npm install weapp-compiler@2.3.15

Documentation

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',
  },
};

调试

测试

npm run dev

预发

npm run dev -s

生产

npm run dev -p

发布

测试

npm run build -d

预发

npm run build -s

生产

npm run build

.gitignore

.temp