Lucio-cli

更新日志

开始

安装

$ npm install lucio-cli -g

命令

lucio 是一个丰富的 cli 工具，提供 dll、server、build, library 和 eslint 五个命令，分别用于编译dll，本地调试，部署构建，打包library，代码检查

编译dll

$ lucio dll --config .lucioc.js

本地调试

$ lucio server --host 0.0.0.0 --port 8000 --dll --https --config .lucioc.js

部署构建

$ lucio build --config .lucioc.js

打包library

$ lucio library --config .lucioc.js

代码检查

$ lucio eslint --config .eslintrc --path src

配置

默认配置

{
  entry: './src/index.js',
  output: './dist',
  publicPath: '',
  template: './src/index.ejs',
  commons: [],
  prefix: '',
  postcssPlugins: [],
  commonBabelPlugins: [],
  devBabelPlugins: [],
  prodBabelPlugins: [],
  prodBabelPlugins: [],
  babelLoaderDir: [],
  resolvePlugins [],
  proxy: {},
  library: undefined,
  libraryTarget: 'var',
  externals: undefined
}

• entry 指定 webpack 入口文件

• output 配置输出路径

• publicPath 配置 webpack 的 output.publicPath 属性。

• template 配置 HtmlWebpackPlugin 的 template 属性。

• commons 公共库，用于本地调试时构建dll以及部署构建时提取

• prefix 请求url前缀

• postcssPlugins 配置额外的 postcss 插件

  默认 postcss 配置

  {
    autoprefixer({
      browsers: [
        '>1%',
        'last 4 versions',
        'Firefox ESR',
        'not ie < 9',
      ]
    })
  }

• commonBabelPlugins 公共的 babel plugins 配置

  默认 babel plugins 配置

  {
    plugins: [
      'add-module-exports',
      'react-require',
      'syntax-dynamic-import',
    ]
  }

• devBabelPlugins 本地调试环境下额外的 bebel plugins 配置配置

• prodBabelPlugins 部署构建环境下额外的 bebel plugins 配置配置

• babelLoaderDir babel loader 目录

• resolvePlugins 配置 webpack 的 resolve 属性。

• proxy 代理

• library 配置 webpack 的 output.library 属性。

• libraryTarget 配置 webpack 的 output.libraryTarget 属性。

• externals 配置 webpack 的 externals 属性。