add css override to reduce file path length

This commit is contained in:
rjwats@gmail.com 2018-03-29 09:57:52 +01:00
parent c8da54aae6
commit 1d2284068a

View File

@ -1,6 +1,7 @@
const CompressionPlugin = require("compression-webpack-plugin"); const CompressionPlugin = require("compression-webpack-plugin");
const ManifestPlugin = require('webpack-manifest-plugin'); const ManifestPlugin = require('webpack-manifest-plugin');
const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin'); const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const path = require('path'); const path = require('path');
const fs = require('fs'); const fs = require('fs');
@ -9,7 +10,7 @@ module.exports = function override(config, env) {
if (env === "production") { if (env === "production") {
// rename the ouput file, we need it's path to be short, for SPIFFS // rename the ouput file, we need it's path to be short, for SPIFFS
config.output.filename = 'js/[name].[chunkhash:4].js'; config.output.filename = 'js/[name].[chunkhash:4].js';
// disable sourcemap for production build // disable sourcemap for production build
config.devtool = false; config.devtool = false;
@ -17,6 +18,9 @@ module.exports = function override(config, env) {
config.plugins = config.plugins.filter(plugin => !(plugin instanceof ManifestPlugin)); config.plugins = config.plugins.filter(plugin => !(plugin instanceof ManifestPlugin));
config.plugins = config.plugins.filter(plugin => !(plugin instanceof SWPrecacheWebpackPlugin)); config.plugins = config.plugins.filter(plugin => !(plugin instanceof SWPrecacheWebpackPlugin));
const extractTextPlugin = config.plugins.find((plugin) => plugin instanceof ExtractTextPlugin);
extractTextPlugin.filename = "css/[name].[contenthash:4].css";
// add compression plugin, compress javascript, html and css // add compression plugin, compress javascript, html and css
config.plugins.push(new CompressionPlugin({ config.plugins.push(new CompressionPlugin({
asset: "[path].gz[query]", asset: "[path].gz[query]",