Skip to content

Instantly share code, notes, and snippets.

@JacobKnaack JacobKnaack/webpack.config.js Secret
Last active Jun 14, 2019

Embed
What would you like to do?
Cosmic Messenger FINAL webpack config
require('dotenv').config();
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const dev = Boolean(process.env.NODE_ENV !== 'production');
let client_api_url = 'http://localhost:3000/api';
if (!dev) {
client_api_url = `${process.env.__API_ORIGIN__}/api`;
}
module.exports = {
entry: './src/app.js',
mode: dev ? 'development' : 'production',
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: ['babel-loader']
},
{
test: /\.(scss|css)$/,
use: ['style-loader', 'css-loader', 'sass-loader']
},
{
test: /\.(png|jpg|gif|svg)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 5000
}
}
]
}
]
},
resolve: {
extensions: ['*', '.js', '.jsx']
},
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new CleanWebpackPlugin,
new webpack.DefinePlugin({
__API_URL__: JSON.stringify(client_api_url),
__API_ORIGIN__: JSON.stringify(process.env.__API_ORIGIN__),
__COSMIC_READ_KEY__: JSON.stringify(process.env.__COSMIC_READ_KEY__),
})
],
devServer: {
contentBase: './dist',
hot: true
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.