This commit is contained in:
bkmartinjr
2018-05-05 13:15:10 -07:00
parent d91d42f2c4
commit 90c7daf571
62 changed files with 2398 additions and 1912 deletions
+33 -31
View File
@@ -1,72 +1,74 @@
const path = require('path');
const autoprefixer = require('autoprefixer');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
// jshint esversion: 6
const path = require("path");
const autoprefixer = require("autoprefixer");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const src = path.resolve('src');
const nodeModules = path.resolve('node_modules');
const src = path.resolve("src");
const nodeModules = path.resolve("node_modules");
module.exports = {
devtool: 'eval',
devtool: "eval",
entry: [
'webpack-hot-middleware/client?quiet=true&noInfo=true',
require.resolve('react-hot-loader/patch'),
require.resolve('../polyfills/polyfills'),
path.join(src, 'index')
"webpack-hot-middleware/client?quiet=true&noInfo=true",
require.resolve("react-hot-loader/patch"),
require.resolve("../polyfills/polyfills"),
path.join(src, "index")
],
output: {
path: path.resolve('build'),
path: path.resolve("build"),
pathinfo: true,
filename: 'static/js/bundle.js',
publicPath: '/'
filename: "static/js/bundle.js",
publicPath: "/"
},
resolve: { extensions: [ '.js', '.json' ] },
resolve: { extensions: [".js", ".json"] },
module: {
loaders: [
{
test: /\.js$/,
include: src,
loader: 'babel-loader',
query: require('../babel/babel.dev')
loader: "babel-loader",
query: require("../babel/babel.dev")
},
{
test: /\.css$/,
include: [ src, nodeModules ],
loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'
include: [src, nodeModules],
loader:
"style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader"
},
{ test: /\.json$/, include: [ src, nodeModules ], loader: 'json-loader' },
{ test: /\.json$/, include: [src, nodeModules], loader: "json-loader" },
{
test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)(\?.*)?$/,
include: [ src, nodeModules ],
loader: 'file-loader',
query: { name: 'static/media/[name].[ext]' }
include: [src, nodeModules],
loader: "file-loader",
query: { name: "static/media/[name].[ext]" }
},
{
test: /\.(mp4|webm)(\?.*)?$/,
include: [ src, nodeModules ],
loader: 'url-loader',
query: { limit: 10000, name: 'static/media/[name].[ext]' }
include: [src, nodeModules],
loader: "url-loader",
query: { limit: 10000, name: "static/media/[name].[ext]" }
}
]
},
plugins: [
new HtmlWebpackPlugin({
inject: true,
template: path.resolve('index.html'),
favicon: path.resolve('favicon.png')
template: path.resolve("index.html"),
favicon: path.resolve("favicon.png")
}),
new webpack.LoaderOptionsPlugin({
options: {
eslint: {
configFile: path.resolve('./configuration/eslint/eslint.js'),
configFile: path.resolve("./configuration/eslint/eslint.js"),
useEslintrc: false
},
postcss() {
return [ autoprefixer ];
return [autoprefixer];
}
}
}),
new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' }),
new webpack.DefinePlugin({ "process.env.NODE_ENV": '"development"' }),
// Note: only CSS is currently hot reloaded
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()
+43 -43
View File
@@ -1,74 +1,74 @@
const path = require('path');
const autoprefixer = require('autoprefixer');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackInlineSourcePlugin = require(
'html-webpack-inline-source-plugin'
);
// jshint esversion: 6
const path = require("path");
const autoprefixer = require("autoprefixer");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const SWPrecacheWebpackPlugin = require("sw-precache-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const HtmlWebpackInlineSourcePlugin = require("html-webpack-inline-source-plugin");
const MinifyPlugin = require("babel-minify-webpack-plugin");
const src = path.resolve('src');
const nodeModules = path.resolve('node_modules');
const src = path.resolve("src");
const nodeModules = path.resolve("node_modules");
const publicPath = '/';
const publicPath = "/";
module.exports = {
bail: true,
devtool: 'cheap-source-map',
entry: [ require.resolve('../polyfills/polyfills'), path.join(src, 'index') ],
devtool: "cheap-source-map",
entry: [require.resolve("../polyfills/polyfills"), path.join(src, "index")],
output: {
path: path.resolve('build'),
filename: 'static/js/[name].[chunkhash:8].js',
chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
path: path.resolve("build"),
filename: "static/js/[name].[chunkhash:8].js",
chunkFilename: "static/js/[name].[chunkhash:8].chunk.js",
publicPath
},
resolve: { extensions: [ '.js', '.json' ] },
resolve: { extensions: [".js", ".json"] },
module: {
loaders: [
{
test: /\.js$/,
include: src,
loader: 'babel-loader',
query: require('../babel/babel.prod')
loader: "babel-loader",
query: require("../babel/babel.prod")
},
{
test: /\.css$/,
include: [ src, nodeModules ],
include: [src, nodeModules],
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style-loader',
loader: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]-autoprefixer!postcss-loader'
fallbackLoader: "style-loader",
loader:
"css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]-autoprefixer!postcss-loader"
})
},
{
test: /\.json$/,
include: [ src, nodeModules ],
loader: 'json-loader',
include: [src, nodeModules],
loader: "json-loader",
exclude: /manifest.json$/
},
{
test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)(\?.*)?$/,
include: [ src, nodeModules ],
loader: 'file-loader',
query: { name: 'static/media/[name].[hash:8].[ext]' }
include: [src, nodeModules],
loader: "file-loader",
query: { name: "static/media/[name].[hash:8].[ext]" }
},
{
test: /\.(mp4|webm)(\?.*)?$/,
include: [ src, nodeModules ],
loader: 'url-loader',
query: { limit: 10000, name: 'static/media/[name].[hash:8].[ext]' }
include: [src, nodeModules],
loader: "url-loader",
query: { limit: 10000, name: "static/media/[name].[hash:8].[ext]" }
}
]
},
plugins: [
new HtmlWebpackPlugin({
inject: 'body',
filename: 'index.html',
template: path.resolve('index_template.html'),
favicon: path.resolve('favicon.png'),
inlineSource: '.(js|css)$',
inject: "body",
filename: "index.html",
template: path.resolve("index_template.html"),
favicon: path.resolve("favicon.png"),
inlineSource: ".(js|css)$",
minify: {
removeComments: true,
collapseWhitespace: true,
@@ -86,21 +86,21 @@ module.exports = {
new webpack.LoaderOptionsPlugin({
options: {
eslint: {
configFile: path.resolve('./configuration/eslint/eslint.js'),
configFile: path.resolve("./configuration/eslint/eslint.js"),
useEslintrc: false
},
postcss() {
return [ autoprefixer ];
return [autoprefixer];
}
}
}),
new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"production"' }),
new webpack.DefinePlugin({ "process.env.NODE_ENV": '"production"' }),
new webpack.optimize.OccurrenceOrderPlugin(),
new MinifyPlugin(),
new ExtractTextPlugin('static/css/[name].[contenthash:8].css'),
new ExtractTextPlugin("static/css/[name].[contenthash:8].css"),
new SWPrecacheWebpackPlugin({
cacheId: 'cellxgene',
filename: 'service-worker.js'
cacheId: "cellxgene",
filename: "service-worker.js"
})
]
};