webpack-base-config

the webpack base config of react develop environment 使用webpack、webpack-dev-server快速搭建react开发环境

Usage no npm install needed!

<script type="module">
  import webpackBaseConfig from 'https://cdn.skypack.dev/webpack-base-config';
</script>

README

webpack-base-config

the webpack base config of react develop environment
使用webpack、webpack-dev-server快速搭建react开发环境

中文文档

Install

npm install webpack-base-config --save-dev

Usage

in root directory of your project create new js file(e.g: server.js) and write following code:

const { webpackConfig, webpackDevServer } = require('webpack-base-config');

webpackDevServer(webpackConfig(Options));

In order to ensure the Babel compilation, you need to create .babelrc file in your root directory

{
  "presets": ["es2015", "stage-0", "react"],
  "plugins": ["transform-runtime"],
}

Options

the options is a object, and the value like this:

const Options = {
  entry: './src/index.js',  // your project entry file
  htmlTemplate: './src/index_template.html', // your html template file
};

so, use node server.js to start the local server in localhost: 3000

Demo

see the usage demo