106 lines
3.3 KiB
JavaScript
106 lines
3.3 KiB
JavaScript
|
const path = require('path');
|
||
|
|
const autoprefixer = require('autoprefixer');
|
||
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
||
|
|
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||
|
|
const webpack = require('webpack');
|
||
|
|
const flexBugsFixes = require('postcss-flexbugs-fixes');
|
||
|
|
|
||
|
|
const RESOURCES_PATH = path.resolve(__dirname);
|
||
|
|
const ENTRY_REACT = path.resolve(RESOURCES_PATH, 'src/index.js');
|
||
|
|
const HTML_PATH = path.resolve(RESOURCES_PATH, 'public/index.html');
|
||
|
|
|
||
|
|
const PUBLIC_PATH = path.resolve(__dirname, '../build/static');
|
||
|
|
|
||
|
|
const config = {
|
||
|
|
target: 'web',
|
||
|
|
context: RESOURCES_PATH,
|
||
|
|
entry: {
|
||
|
|
bundle: ENTRY_REACT,
|
||
|
|
},
|
||
|
|
output: {
|
||
|
|
path: PUBLIC_PATH,
|
||
|
|
filename: '[name].js',
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
modules: ['node_modules'],
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.css$/,
|
||
|
|
use: ExtractTextPlugin.extract({
|
||
|
|
fallback: 'style-loader',
|
||
|
|
use: [{
|
||
|
|
loader: 'css-loader',
|
||
|
|
options: {
|
||
|
|
importLoaders: 1,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
loader: 'postcss-loader',
|
||
|
|
options: {
|
||
|
|
ident: 'postcss',
|
||
|
|
plugins: () => [
|
||
|
|
flexBugsFixes,
|
||
|
|
autoprefixer({
|
||
|
|
browsers: [
|
||
|
|
'>1%',
|
||
|
|
'last 4 versions',
|
||
|
|
'Firefox ESR',
|
||
|
|
'not ie < 9',
|
||
|
|
],
|
||
|
|
flexbox: 'no-2009',
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
}),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.js$/,
|
||
|
|
exclude: /node_modules/,
|
||
|
|
use: {
|
||
|
|
loader: 'babel-loader',
|
||
|
|
options: {
|
||
|
|
cacheDirectory: true,
|
||
|
|
presets: [
|
||
|
|
['env', {
|
||
|
|
modules: false,
|
||
|
|
}],
|
||
|
|
'react',
|
||
|
|
'stage-2',
|
||
|
|
],
|
||
|
|
plugins: ['transform-runtime', 'transform-object-rest-spread'],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
exclude: [/\.js$/, /\.html$/, /\.json$/, /\.css$/],
|
||
|
|
use: {
|
||
|
|
loader: 'url-loader',
|
||
|
|
options: {
|
||
|
|
fallback: 'file-loader',
|
||
|
|
name: 'media/[name].[hash:8].[ext]',
|
||
|
|
limit: 10 * 1024,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
new webpack.DefinePlugin({
|
||
|
|
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
|
||
|
|
}),
|
||
|
|
new HtmlWebpackPlugin({
|
||
|
|
inject: true,
|
||
|
|
template: HTML_PATH,
|
||
|
|
}),
|
||
|
|
new ExtractTextPlugin({
|
||
|
|
filename: '[name].css',
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports = config;
|