scratch-paint/webpack.config.js

122 lines
3.6 KiB
JavaScript
Raw Normal View History

2017-07-14 11:29:12 -04:00
const defaultsDeep = require('lodash.defaultsdeep');
const path = require('path');
2017-07-13 14:03:48 -04:00
// Plugins
2017-07-27 16:51:42 -04:00
const HtmlWebpackPlugin = require('html-webpack-plugin');
2018-05-07 14:21:22 -04:00
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
2017-07-13 14:03:48 -04:00
// PostCss
2017-07-27 16:51:42 -04:00
const autoprefixer = require('autoprefixer');
const postcssVars = require('postcss-simple-vars');
const postcssImport = require('postcss-import');
2017-07-13 14:03:48 -04:00
2017-07-14 11:29:12 -04:00
const base = {
2018-05-07 14:21:22 -04:00
mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
2017-07-13 14:03:48 -04:00
devtool: 'cheap-module-source-map',
module: {
rules: [{
test: /\.jsx?$/,
loader: 'babel-loader',
include: path.resolve(__dirname, 'src'),
options: {
plugins: ['transform-object-rest-spread'],
presets: [['env', {browsers: ['last 3 versions', 'Safari >= 8', 'iOS >= 8']}], 'react']
2017-07-13 14:03:48 -04:00
}
},
{
test: /\.css$/,
use: [{
loader: 'style-loader'
}, {
loader: 'css-loader',
options: {
importLoaders: 1,
2019-07-29 13:02:51 -04:00
modules: {
localIdentName: '[name]_[local]_[hash:base64:5]'
},
localsConvention: 'camelCase'
2017-07-13 14:03:48 -04:00
}
}, {
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: function () {
return [
postcssImport,
postcssVars,
autoprefixer({
browsers: ['last 3 versions', 'Safari >= 8', 'iOS >= 8']
})
];
}
}
}]
},
{
test: /\.png$/i,
loader: 'url-loader'
},
{
test: /\.svg$/,
loader: 'svg-url-loader?noquotes'
2017-07-13 14:03:48 -04:00
}]
},
2018-05-07 14:21:22 -04:00
optimization: {
minimizer: [
new UglifyJsPlugin({
include: /\.min\.js$/
2017-08-29 17:24:40 -04:00
})
2018-05-07 14:21:22 -04:00
]
},
plugins: []
2017-07-13 14:03:48 -04:00
};
2017-07-14 11:29:12 -04:00
module.exports = [
// For the playground
defaultsDeep({}, base, {
devServer: {
contentBase: path.resolve(__dirname, 'playground'),
host: '0.0.0.0',
port: process.env.PORT || 8078
},
entry: {
playground: './src/playground/playground.jsx'
},
output: {
path: path.resolve(__dirname, 'playground'),
filename: '[name].js'
},
plugins: base.plugins.concat([
new HtmlWebpackPlugin({
template: 'src/playground/index.ejs',
title: 'Scratch 3.0 Paint Editor Playground'
})
])
}),
// For use as a library
defaultsDeep({}, base, {
externals: {
'minilog': 'minilog',
'prop-types': 'prop-types',
'react': 'react',
'react-dom': 'react-dom',
'react-intl': 'react-intl',
'react-intl-redux': 'react-intl-redux',
'react-popover': 'react-popover',
'react-redux': 'react-redux',
'react-responsive': 'react-responsive',
'react-style-proptype': 'react-style-proptype',
'react-tooltip': 'react-tooltip',
'redux': 'redux'
},
2017-07-14 11:29:12 -04:00
entry: {
'scratch-paint': './src/index.js'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
2017-08-29 17:24:40 -04:00
libraryTarget: 'commonjs2'
2017-07-14 11:29:12 -04:00
}
})
];