1.2.7 • Published 6 years ago

dodo-spa-tool v1.2.7

Weekly downloads
2
License
ISC
Repository
github
Last release
6 years ago

dodo-spa-tool

此工具集成react常用webpack配置,可安装后直接开发业务代码

集中处理webpack配置所以当项目变多并且需要升级版本时可凸显其用处

  1. 安装
npm install dodo-spa-tool -D 
或
yarn add dodo-spa-tool -D
  1. 此工具的配置在根目录package.json中的dodo字段, 支持0配置运行默认参数如下
{
  "dodo": {
    "entry": ["./src/index.js"],   // 项目入口
    "output": "dist",              // 编译输出目录
    "template": "src/index.html",  // 模版文件路径
    "port": 8080                   // 服务端口
    "analysis": false              // 打包大小分析
  } 
}
  1. 在项目根目录下package.json的script字段中添加如下字段
// NODE_ENV 即 process.env.NODE_ENV 开发环境默认不开启优化
// window 用户需要安装 corss-env 模块来设置 NODE_ENV 区分不同环境
{
  script: {
    "dev": "NODE_ENV=development dodo-dev", 
    "build": "NODE_ENV=production dodo-build",
    "lint": "dodo-lint --fix"
  }
}
  1. 开发执行 npm run dev 并在浏览器打开 http://localhost:8080

  2. 打包执行 npm run build

  3. 格式化代码 npm run lint

  4. 如需编辑器代码eslint错误提示,需在根目录创建.eslintrc.js和.prettierrc.js

const { eslintrc, prettierrc } = require('dodo-spa-tool')
module.exports = eslintrc // module.exports = prettierrc