add css override to reduce file path length
This commit is contained in:
parent
c8da54aae6
commit
1d2284068a
@ -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]",
|
||||||
|
Loading…
Reference in New Issue
Block a user