create-react-proj
Version:
Create your react projects with minimum dependencies
80 lines (78 loc) • 2.06 kB
JavaScript
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: "./src/index.js",
output: {
filename: "bundle.js",
publicPath: "dist/",
path: path.resolve(__dirname, "dist")
},
devServer: {
port: 8000,
open: true,
watchContentBase: true,
writeToDisk: true,
compress: true,
historyApiFallback: true,
contentBase: path.join(__dirname, "dist")
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.(css|scss)$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader"
},
{
loader: "sass-loader"
}
]
},
{
test: /\.(png|svg|jpg|gif)$/,
use: [
{
loader: "file-loader"
}
]
},
{
test: /\.(ttf|eot)$/,
use: [
{
loader: "file-loader"
},
{
loader: "url-loader"
}
]
},
{
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
loader: "url-loader"
}
]
},
resolve: {
extensions: [".js", ".jsx"]
},
plugins: [
new HtmlWebpackPlugin({
template: "./src/index.html",
title: "Book Header Widgets",
version: JSON.stringify(require("./package.json").version),
inject: "body"
})
]
};