wease-cli

保险师前端基础脚手架工具, 提供开箱即用的项目配置

安装

npm install -g wease-cli

本地开发

wease dev

打包

wease build

创建项目脚手架

wease create

查看支持的项目脚手架

wease list

配置文件

wease-cli在完成基本项目所需的配置后，还向使用者暴露了一部分可能的配置。你可以在项目目录(process.cwd())下创建wease.config.js文件,并修改或增加你想要的配置。

配置说明

|属性|说明|类型|默认值|版本| |:--|:--|:--|:--|:--| |entry|打包入口,配置方式与webpack entry保持一致|String,Object、Array|src/index.js|1.0.0| |output|打包出口，,配置方式与webpack entry保持一致|Object|-|1.0.0| |plugins|webpack plugin配置|Array|[]|1.0.0| |rules|webpack loader配置|Array|[]|1.0.0| |babelOptions|针对babel的配置|Object|{}|1.0.0| |postcssOptions|针对postcss的配置，也可以在工程目录下新建postcss.config.js|Object|{}|1.0.1| |isExtractCss|是否需要抽取单独的css|Boolean|false|1.0.0| |minCssExtract|抽取的css的目录配置信息|Object|{}|1.0.0| |devtool|sourcemap类型|参见webpack的devtool定义|sourcemap|1.0.0| |externals|需要排除的打包模块|Object|{}|1.0.0| |analyzerBundle|是否需要启动打包分析|Boolean|false|1.0.0| |htmlWebpackPluginOptions|HtmlWebpackPlugin配置(与HtmlWebpackPlugin配置相同,若传入false，则不开启)|Object|{ template: path.resolve(process.cwd(), './src/index.html') }|1.0.0| |cssModule|是否开启cssModule|Boolean|false|1.0.0| |alias|本地路径别名|Object|{}|1.0.0| |defineConstant|编译时全局变量常量|Object|{}|1.0.0| |port|本地启动端口号|String、Number|8080|1.0.0| |host|本地启动host|String|localhost|1.0.0| |open|自动打开浏览器|Booleab|false|1.0.0| |proxy|接口代理配置|Object|{}|1.0.0| |whiteList|不需要经过proxy服务代理的域名|Array|[]|1.0.0| |staticPath|指定需要静态代理的本地目录|String|path.resolve(process.cwd(), './public')|1.0.0| |cleanDist|是否清理打包目录|Boolean|true|1.0.0|

默认配置

const path = require('path')
module.exports = {
  // webpack打包配置相关
  entry: path.resolve(process.cwd(), './src/index.js'), // webpack 入口
  output: {
    path: path.resolve(process.cwd(), './dist'),
    publicPath: './',
    // filename: 'app.js'
  }, // webpack 出口
  plugins: [], // webpack plugin配置
  rules: [], // webpack loader配置
  babelOptions: {}, // 针对babel的配置
  postcssOptions: {}, // 针对postcss的配置
  isExtractCss: false, // 是否需要抽取单独的css
  minCssExtract: {}, // 抽取的css的目录配置信息
  devtool: 'sourcemap', // sourcemap类型
  externals: {}, // 需要排除的打包模块
  analyzerBundle: false, // 是否需要启动打包分析
  htmlWebpackPluginOptions: {
    template: path.resolve(process.cwd(), './src/index.html'),
  }, // HtmlWebpackPlugin配置(与HtmlWebpackPlugin配置相同,若传入false，则不开启)
  cssModule: false, // 是否开启cssModule
  alias: {}, // 本地路径别名
  defineConstant: {}, // 编译时全局变量常量

  // devServer相关
  port: 8080, // 本地启动端口号
  host: 'localhost', // 本地启动host
  open: true, // 自动打开浏览器
  proxy: {}, // 代理配置
  whiteList: [], // history模式下不需要经过node服务代理的域名
  staticPath: path.resolve(process.cwd(), './public'), // 指定需要静态代理的本地目录
  cleanDist: true, // 是否清理打包目录
}