beauty-webpack-v1 v0.0.4

美业微前端 webpack 统一配置

使用方式

yarn add @youzan/mei-pc-webpack -D

常用脚本

// package.json scripts
// analyzer 分析构建信息
  {
    "dev": "NODE_ENV=development BRANCH_NAME=本地开发  webpack-dev-server --config node_modules/@youzan/mei-pc-webpack/config/webpack.dev.js --progress --color",
    "dev:analyzer": "cross-env analyzer=true npm run dev",
    "build:client": "branch=$(git symbolic-ref --short -q HEAD) && cross-env BRANCH_NAME=$branch NODE_ENV=production webpack --config node_modules/@youzan/mei-pc-webpack/config/webpack.prod.js --hide-modules",
    "build:analyzer": "cross-env analyzer=true npm run build:client",
  }

依赖

提前安装了包含构建所需几乎所有能用到的依赖项包括了（eslint，stylelint），所以不需要你再安装webpack相关依赖，但是需要你自己去新增 .eslintrc.js 等编辑器级别配置文件

扩展

项目根目录新建 webpack.config.js，遵循根配置优先原则 merge(内部webpack.config,根目录webpack.config)，按照标准webpack配置进行扩展

最后

有问题直接拉微前端webpack demo仓库 mei-pc-trade，分支feature/webpack4-pre ，比对代码。

欢迎提需求建议