From 0a678cf377c6dd91c439fa91f75782e457836639 Mon Sep 17 00:00:00 2001 From: kibigo! Date: Tue, 18 Jul 2017 11:21:04 -0700 Subject: [PATCH] Fix for stylesheet split --- app/javascript/glitch/components/settings/index.js | 9 +++++---- .../components/settings/{stylesheet.scss => style.scss} | 0 app/views/home/index.html.haml | 1 + config/webpack/shared.js | 5 ++++- 4 files changed, 10 insertions(+), 5 deletions(-) rename app/javascript/glitch/components/settings/{stylesheet.scss => style.scss} (100%) diff --git a/app/javascript/glitch/components/settings/index.js b/app/javascript/glitch/components/settings/index.js index 04c05704e7..ab2e0fb87a 100644 --- a/app/javascript/glitch/components/settings/index.js +++ b/app/javascript/glitch/components/settings/index.js @@ -1,14 +1,15 @@ -// Package imports // +// Package imports import React from 'react'; import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { injectIntl, defineMessages, FormattedMessage } from 'react-intl'; -import './stylesheet'; - -// Our imports // +// Our imports import SettingsItem from './item'; +// Stylesheet imports +import './style'; + const messages = defineMessages({ layout_auto: { id: 'layout.auto', defaultMessage: 'Auto' }, layout_desktop: { id: 'layout.desktop', defaultMessage: 'Desktop' }, diff --git a/app/javascript/glitch/components/settings/stylesheet.scss b/app/javascript/glitch/components/settings/style.scss similarity index 100% rename from app/javascript/glitch/components/settings/stylesheet.scss rename to app/javascript/glitch/components/settings/style.scss diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml index 13ca9ea79e..f0f7bd619c 100644 --- a/app/views/home/index.html.haml +++ b/app/views/home/index.html.haml @@ -3,6 +3,7 @@ %script#initial-state{ type: 'application/json' }!= json_escape(@initial_state_json) = javascript_pack_tag 'application', integrity: true, crossorigin: 'anonymous' + = stylesheet_pack_tag 'application', media: 'all' .app-holder#mastodon{ data: { props: Oj.dump(default_props) } } %noscript diff --git a/config/webpack/shared.js b/config/webpack/shared.js index 4d865b8163..98e864a665 100644 --- a/config/webpack/shared.js +++ b/config/webpack/shared.js @@ -44,7 +44,10 @@ module.exports = { plugins: [ new webpack.EnvironmentPlugin(JSON.parse(JSON.stringify(env))), - new ExtractTextPlugin(env.NODE_ENV === 'production' ? '[name]-[hash].css' : '[name].css'), + new ExtractTextPlugin({ + filename: env.NODE_ENV === 'production' ? '[name]-[hash].css' : '[name].css', + allChunks: true, + }), new ManifestPlugin({ publicPath: output.publicPath, writeToFileEmit: true,