waef-dev-webpack

webpack easy config for waef. Only for webpack2

Install

$ npm install waef-dev-webpack
$ npm install webpack@2.2.0-rc.0 webpack-dev-server@2.2.0-rc.0

Usage

/*webpack.config.dev.js*/
var webpackUtil = require('waef-dev-webpack');
var configSet = webpackUtil.getConfig({
  // config here . detail see DefaultConfig
});
var babelConfig = configSet.babelConfig,
    webpackConfig = configSet.webpackConfig;
// other processing
module.exports = webpackConfig;


/*package.json*/
{
  "scripts": {
    "dev": "set APPRUN_ENV=dev && webpack-dev-server --config webpack.config.dev.js",
    "dev:hmr": "set APPRUN_ENV=dev_hmr && webpack-dev-server --hot --inline --config webpack.config.dev.js",
    "build": "webpack  --config webpack.config.proc.js"
  }
}

$ npm run dev

DefaultConfig

{
  'cwd': process.cwd(),
  'srcPath': './src',
  'host': '0.0.0.0',
  'port': 9090,
  'hmr': process.env.APPRUN_ENV && process.env.APPRUN_ENV.indexOf('hmr') > -1,
  'distPath': './dist',
  'publicPath': '/',
  'entry': ['./src/index'],
  'hasHash': true,
  'useCommon': true,
  'commonName': 'common',
  'proxy': {},
  'loaders': [],
  'plugins': []
}

Use Ant Design

/*in webpack.config.dev.js*/
var useAntd=require('waef-dev-webpack/dist/useAntd');
// get babelConfig and webpackConfig
useAntd(babelConfig,webpackConfig,{
  'cwd': process.cwd(),
  'hasHash': true,
  'used': false,    // using antd
  'theme': {}       // theme or theme path
});

License

MIT