sh 使用webpack-flow的反应示例

Posted 2021-05-07

const flow = require('webpack-flow');
const template = require('webpack-flow-template');

module.exports = flow(
  // common
  flow.entry('./src/index.js'),
  flow.babel({
    presets: [
      ['es2015', {modules: false}],
      'stage-1'
    ],
    plugins: ['transform-react-jsx'],
    exclude: [/node_modules/]
  }),
  template('index.html', {inject: false}),
  // production
  flow.env(
    flow.devtool('source-map'),
    flow.output('dist/[name].[chunkhash].js', {publicPath: '/'}),
    flow.compress(),
    flow.define({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  )('production'),
  // development
  flow.env(
    flow.devtool('eval-source-map'),
    flow.output('dist/[name].js', {publicPath: '/'}),
    flow.define({
      'process.env.NODE_ENV': JSON.stringify('development')
    })
  )('!production')
);

yarn add webpack@2.1.0-beta.25 webpack-flow webpack-flow-template \
  babel-loader babel-core \
  babel-preset-es2015 babel-preset-stage-1 babel-plugin-transform-react-jsx --dev