使用
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: ''
// }
// }
}