Created
July 12, 2017 09:39
-
-
Save younesmln/22572aa44bd6e3f6ef5ad6fe25c4428f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const webpack = require('webpack'); | |
const path = require('path'); | |
const HTMLWebpackPlugin = require('html-webpack-plugin'); | |
const Visualizer = require('webpack-visualizer-plugin'); | |
const dependencies = require('../package.json').dependencies; | |
const __DEV__ = process.env.NODE_ENV === 'development'; | |
const __PROD__ = process.env.NODE_ENV === 'production'; | |
const __TEST__ = process.env.NODE_ENV === 'test'; | |
const __DEBUG__ = process.env.NODE_ENV === 'development'; | |
const __COVERAGE__ = process.env.NODE_ENV === 'test'; | |
const __BASENAME__ = process.env.NODE_ENV === process.env.BASENAME || ''; | |
const VENDOR_LIBS = Object.keys(dependencies); | |
const config = { | |
entry: { | |
app: [path.resolve('src/main.js')], | |
vendor: VENDOR_LIBS, | |
}, | |
output: { | |
path: path.resolve('dist'), | |
filename: '[name].[hash].js', | |
chunkFilename: '[name].[chunkhash].js', | |
publicPath: '/' | |
}, | |
resolve: { | |
extensions: ['.js', '.jsx'], | |
alias: { | |
assets: path.resolve('src/assets'), | |
auth: path.resolve('src/auth'), | |
components: path.resolve('src/components'), | |
general: path.resolve('src/general'), | |
layouts: path.resolve('src/layouts'), | |
routes: path.resolve('src/routes'), | |
service: path.resolve('src/service'), | |
store: path.resolve('src/store'), | |
styles: path.resolve('src/styles') | |
} | |
}, | |
plugins: [ | |
new webpack.EnvironmentPlugin(['NODE_ENV', 'DEBUG']), | |
new webpack.DefinePlugin({ | |
__DEV__: JSON.stringify(__DEV__), | |
__PROD__: JSON.stringify(__PROD__), | |
__TEST__: JSON.stringify(__TEST__), | |
__DEBUG__: JSON.stringify(__DEBUG__), | |
__COVERAGE__: JSON.stringify(__COVERAGE__), | |
__BASENAME__: JSON.stringify(__BASENAME__) | |
}), | |
new HTMLWebpackPlugin({ | |
template: path.resolve('src/index.html'), | |
hash: false, | |
favicon: path.resolve('src/static/favicon.ico'), | |
filename: 'index.html', | |
inject: 'body', | |
minify: { | |
collapseWhitespace: true | |
} | |
}), | |
new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /en/), | |
new Visualizer({ | |
filename: './statistics.html' | |
}), | |
new webpack.optimize.CommonsChunkPlugin({ | |
names: ['vendor', 'manifest'], | |
async: true, | |
children: true, | |
minChunks: 2, | |
}), | |
], | |
module: { | |
rules: [ | |
{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader' }, | |
{ test: /\.woff(\?.*)?$/, loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/font-woff' }, | |
{ test: /\.woff2(\?.*)?$/, loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/font-woff2' }, | |
{ test: /\.otf(\?.*)?$/, loader: 'file-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=font/opentype' }, | |
{ test: /\.ttf(\?.*)?$/, loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/octet-stream' }, | |
{ test: /\.eot(\?.*)?$/, loader: 'file-loader?prefix=fonts/&name=[path][name].[ext]' }, | |
{ test: /\.svg(\?.*)?$/, loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=image/svg+xml' }, | |
{ test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192' } | |
] | |
} | |
}; | |
module.exports = config; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const webpack = require('webpack'); | |
const config = require('./webpack.config'); | |
const { cssLoader } = require('./common'); | |
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; | |
const devConfig = { | |
devtool: 'eval', | |
// cache: true, | |
entry: { | |
app: [ | |
'react-hot-loader/patch', | |
'webpack-hot-middleware/client?reload=true', | |
...config.entry.app | |
] | |
}, | |
resolve: config.resolve, | |
output: config.output, | |
plugins: [ | |
new webpack.HotModuleReplacementPlugin(), | |
new webpack.NoEmitOnErrorsPlugin(), | |
// new BundleAnalyzerPlugin({ | |
// analyzerMode: 'static', | |
// }), | |
...config.plugins, | |
], | |
module: { | |
rules: [ | |
{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'react-hot-loader/webpack' }, | |
{ test: /\.scss$/, loader: `style-loader!${cssLoader}!postcss-loader!sass-loader` }, | |
{ test: /\.css$/, loader: `style-loader!${cssLoader}!postcss-loader` }, | |
{ test: /\.less$/, | |
use: ["style-loader", {loader: 'css-loader', options: {sourceMap: 1}}, "postcss-loader", "less-loader"] | |
}, | |
...config.module.rules | |
] | |
} | |
}; | |
module.exports = devConfig; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment