Lucio
开始
安装
$ npm install lucio -g
命令
lucio 是一个丰富的 cli 工具,提供 init、dll、server、build 和 eslint 五个命令,分别用于项目构建,编译dll,本地调试,部署构建,代码检查
项目构建 (待调试)
$ lucio init <pkgname>
编译dll
$ lucio dll
本地调试
$ lucio server
部署构建
$ lucio build
代码检查
$ lucio eslint
配置
默认配置
entry: './src/index.js' output: './dist' template: './src/index.ejs' commons: prefix: '' postcssPlugins: commonBabelPlugins: devBabelPlugins: prodBabelPlugins: prodBabelPlugins: babelLoaderDir: resolvePlugins proxy: {} svgSpriteDir: undefined
entry
指定 webpack 入口文件
output
配置输出路径
template
配置 HtmlWebpackPlugin 的 template 属性。
commons
公共库,用于本地调试时构建dll以及部署构建时提取
prefix
请求url前缀
postcssPlugins
配置额外的 postcss 插件
默认 postcss 配置
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
代理
svgSpriteDir
svg-sprite 目录