wm-cli-webpack5

Installation

``bash
npm install @wm-hosp/wm-cli --save
`

Usage

`javascript
package.json 文件配配置不同的启动命令
"scripts": {
"start:dev": "wm-server run start:dev",
"start:test": "wm-server run start:test",
"start:pre": "wm-server run start:pre",
"start:local": "wm-server run start:local",
"start:production": "wm-server run start:production",
"start": "wm-server run start:local",
"build": "wm-server run build",
},

`

webpack 项目中定制化配置文件

`javascript
module.exports = {
port: '3002',
entryPath: './src/index.tsx',
outPath: './dist',
htmlPath: './src/index.ejs',
srcPath: './src',
cssModules: false,
esModule: false, // 图片是否支持require导入
antdTheme,
proxy: {
// 代理
secure: false,
changeOrigin: true,
pathRewrite: {
'^/xxx': '/xxx',
},
paths: {
dev: {
from: '/xxx',
to: 'https://项目开发地址',
},
test: {
from: '/xxx',
to: 'https://项目测试地址',
},
pre: {
from: '/xxx',
to: 'https://项目预发地址',
},
production: {
from: '/xxx',
to: 'https://项目生产地址',
},
local: {
from: '/xxx',
to: 'http://127.0.0.1:8082',
},
},
},
webpackSetting: {
resolve: {
extensions: ['.tsx', '.ts', '.js', '.jsx'],
alias: {
'@': path.resolve(__dirname, 'src'),
'@components': path.resolve(__dirname, 'src', 'components'),
'@pages': path.resolve(__dirname, 'src', 'pages'),
'@layout': path.resolve(__dirname, 'src', 'layout'),
'@router': path.resolve(__dirname, 'src', 'router'),
'@assets': path.resolve(__dirname, 'src', 'assets'),
'@antd': path.resolve(
__dirname,
'src',
'components',
'antd-components'
),
'@utils': path.resolve(__dirname, 'src', 'utils'),
},
},
},
// eslint配置
eslintSetting: {
switch: false,
eslintOptions: {
emitError: false,
emitWarning: false,
quiet: true,
lintDirtyModulesOnly: true,
},
},
};
``