baby-pack

Installation

npm install @baby-pack --save

Usage

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

webpack 项目中定制化配置文件

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