mitchell/react-starter
1
0
Fork 0
mirror of https://github.com/mgerb/react-starter synced 2026-01-09 16:42:48 +00:00
Code Issues Releases Wiki Activity

updates

Browse Source
This commit is contained in:
mgerb42
2018-01-03 22:36:25 +01:00
parent ff21d15083
commit f4b5cd04a5
12 changed files with 787 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
webpack.config.js
View File

@@ -5,70 +5,71 @@ const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: {
app: './app/app.tsx',
vendor: ['react', 'react-dom']
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].[hash].js'
},
resolve: {
extensions: ['.ts', '.tsx', '.js']
},
module: {
rules: [{
test: /\.(js|jsx)$/,
use: ['babel-loader']
}, {
test: /\.ts(x)?$/,
use: ['babel-loader', 'ts-loader']
},{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader!postcss-loader!sass-loader'
})
}, {
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader'
})
}, {
test: /\.svg$/,
use: 'url-loader?limit=65000&mimetype=image/svg+xml&name=static/[name].[hash].[ext]'
}, {
test: /\.woff$/,
use: 'url-loader?limit=65000&mimetype=application/font-woff&name=static/[name].[hash].[ext]'
}, {
test: /\.woff2$/,
use: 'url-loader?limit=65000&mimetype=application/font-woff2&name=static/[name].[hash].[ext]'
}, {
test: /\.[ot]tf$/,
use: 'url-loader?limit=65000&mimetype=application/octet-stream&name=static/[name].[hash].[ext]'
}, {
test: /\.eot$/,
use: 'url-loader?limit=65000&mimetype=application/vnd.ms-fontobject&name=static/[name].[hash].[ext]'
}]
},
plugins: [
new CleanWebpackPlugin(['dist'], {
verbose: true
entry: {
app: './app/app.tsx',
vendor: ['react', 'react-dom'],
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].[hash].js',
},
resolve: {
extensions: ['.ts', '.tsx', '.js'],
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
use: ['babel-loader'],
},
{
test: /\.ts(x)?$/,
use: ['babel-loader', 'ts-loader'],
},
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'postcss-loader', 'sass-loader'],
}),
new ExtractTextPlugin({
filename: '[name].css',
disable: false,
allChunks: true
},
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader'],
}),
new HtmlWebpackPlugin({
filename: 'index.html',
template: './index.html'
}),
new webpack.optimize.CommonsChunkPlugin({
name: ['vendor', 'manifest'],
minChunks: 'Infinity'
}),
new webpack.HotModuleReplacementPlugin(),
]
},
{
test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/,
use: [
{
loader: 'file-loader',
options: {
name: 'static/[name].[hash].[ext]',
}
},
],
},
],
},
plugins: [
new CleanWebpackPlugin(['dist'], {
verbose: true,
}),
new ExtractTextPlugin({
filename: '[name].[hash].css',
disable: false,
allChunks: true
}),
new HtmlWebpackPlugin({
filename: 'index.html',
template: './index.html',
}),
new webpack.optimize.CommonsChunkPlugin({
name: ['vendor', 'manifest'],
minChunks: 'Infinity',
}),
new webpack.HotModuleReplacementPlugin(),
],
};