webpack-script-cli

webpack-script-cli是一个包含 init dev、build 和 publish 的命令行工具。

Getting started

# 安装
$ npm i webpack-script-cli -g

# 启动项目
$ wpc dev

# 打包项目
$ wpc build

# 发布项目(publish)
$ wpc p

命令详情

dev

• -p

  # 启动端口，用于项目可以快速启动不同的端口 默认4444
  $ wpc dev -p 8989

• --hpps

  # 以https启动
  $ wpc dev --https

• --time

  # 显示各个loader时间和plugin所用的时间
  $ wpc dev --time

• --disable-reload

  # 关闭热更新
  $ wpc dev --disable-reload

build

• --analyze

  # 开启包大小分析
  $ wpc build --analyze

• --time 同dev

p

• -i

  # 是否重新安装node_nodeles
  $ wpc p -i 

项目配置

.webpackrc.js

请在项目下配置webpackrc.js开始使用，插件会对其进行merge。一般情况下可以无需配置

const webpack = require('webpack');

module.exports = {
  entry: './src/client.js',
  devServer: {
    proxy: {
      '/hw/*': {
        'target': 'http://baidu.com', // 测试
        "headers": {
          "mockUserId": '5fd1c85061ad578cddae4489' // 正式 id
        }
      }
    }
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env.BUILD_TARGET': JSON.stringify('client')
    })
  ]
};

wpc.json

| 配置 | 默认值 | 类型 | 含义 | | ---------------- | ------ | --------- | ------------------------------------------- | | jenkinsServerUrl | - | string | 构建jenkins的url，不然使用不了 wpc p 功能 | | cssModule | - | boolean | 是否启用cssModule |