2018-09-04 12:12:34 +02:00
|
|
|
const path = require('path')
|
|
|
|
|
|
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
entry: [
|
|
|
|
'./index.jsx'
|
|
|
|
],
|
|
|
|
output: {
|
|
|
|
filename: '[name].js',
|
2018-09-04 19:47:42 +02:00
|
|
|
path: path.resolve(__dirname, 'www')
|
2018-09-04 12:12:34 +02:00
|
|
|
},
|
|
|
|
resolve: {
|
|
|
|
extensions: ['.js', '.jsx']
|
|
|
|
},
|
|
|
|
context: path.resolve(__dirname, 'src'),
|
|
|
|
devServer: {
|
2018-09-04 19:47:42 +02:00
|
|
|
contentBase: path.resolve(__dirname, 'www/assets'),
|
2018-09-04 12:12:34 +02:00
|
|
|
open: true,
|
|
|
|
},
|
|
|
|
plugins: [
|
|
|
|
new HtmlWebpackPlugin({
|
|
|
|
template: 'index.html'
|
|
|
|
}),
|
|
|
|
new MiniCssExtractPlugin({
|
|
|
|
filename: 'bundle.css'
|
|
|
|
})
|
|
|
|
],
|
|
|
|
module: {
|
|
|
|
rules: [{
|
|
|
|
test: /\.jsx?$/,
|
|
|
|
include: /src/,
|
|
|
|
exclude: /node_modules/,
|
|
|
|
use: {
|
|
|
|
loader: 'babel-loader',
|
|
|
|
options: {
|
|
|
|
presets: ['@babel/preset-react', '@babel/preset-env']
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
test: /\.html$/,
|
|
|
|
use: ['html-loader']
|
|
|
|
}, {
|
|
|
|
test: /\.css$/,
|
|
|
|
use: [MiniCssExtractPlugin.loader, 'css-loader']
|
|
|
|
}, {
|
|
|
|
test: /\.less$/,
|
|
|
|
use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader']
|
|
|
|
}, {
|
|
|
|
test: /\.(jpg|png|gif|svg)$/,
|
|
|
|
use: [{
|
|
|
|
loader: 'file-loader',
|
|
|
|
options: {
|
|
|
|
name: '[name].[ext]',
|
|
|
|
outputPath: './assets/',
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
}, {
|
|
|
|
test: /\.(ttf|eot|woff|woff2|otf)$/,
|
|
|
|
use: [{
|
|
|
|
loader: 'file-loader',
|
|
|
|
options: {
|
|
|
|
name: '[name].[ext]',
|
|
|
|
outputPath: './assets/',
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
}]
|
|
|
|
}
|
|
|
|
}
|