使用

npm install -g @jianlee/espack

<!-- 生成参考配置 -->
espack init

espack build

配置参考

根据实际情况修改配置

const path = require('path');

module.exports = {
  // 代码目录
  projectRoot: path.resolve(__dirname, 'src'),
  //app 入口
  entries : './src/app.js',
  //输出配置
  output: {
    path: path.resolve(__dirname, 'dist'),
    //app js 输出文件
    filename: 'app.bunld.js',
    //执行js的html文件
    htmlname: 'index.html',
    //打包zip
    zip: 'myProject.zip'
  },
  htmlData: {
    //html的标题
    title: '...'
  },
  devServer: {
    port: 8080,
    //生成服务器二维码, 方便手机扫码
    qrcode: false,
    //服务器目录, 与输出目录一致
    contentBase: path.resolve(__dirname, 'dist'),
    //代理, 解决跨域和mock数据 地址 http://127.0.0.1:8082
    proxy: {
      //代理到某个域名, 如果只使用mock, target 可以不设置
      // target: 'http://server.dev',
      //请求头
      // reqHeaders: function (config) {
      //   return {
      //       "host": "www.host.com",
      //       "accept-encoding": "identity",
      //       "agent": false
      //   }
      // },
      // 中间件, 拦截请求 生成 mock
      //用法一
      // middleware: function (req, res, next) {
      //     console.log(req.url);
      //     next();
      // },
      //用法二
      // middleware: [
      //   {
      //     route: '/rest',
      //     handle: function(req, res, next){
      //       // 响应数据
      //       res.end(JSON.stringify({a: 1}));
      //     }
      //   }
      // ]
    }
  }
  //用于发布生产时, 资源定位, 参考 fis3
  // matches: {
  //   '*/(*.png)': {
  //     release: '/res/i/$1',
  //     useHash: true,
  //   },
  //   'app.bunld.js': {
  //     release: '/res/j/app.bunld.js',
  //     useHash: true,
  //   },
  //   'index.html': {
  //     release: '/seashell/website/index.html'
  //   },
  //   '*': {
  //     domain: ''
  //   }
  // }
}