Vue + vue-loader 15 + webpack 4 + mini-css-e-p creates multiple css files #113

amir20 · 2018-04-28T21:18:32Z

I am losing my mind. I have googled for hours and don't know what else to try. I am moving from EWP to this module and I can't get to produce one css file. I have also updated to latest vue-loader.

Webpack Confg

const ManifestPlugin = require("webpack-manifest-plugin");
const CleanWebpackPlugin = require("clean-webpack-plugin");
const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const { VueLoaderPlugin } = require("vue-loader");
var MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
  context: __dirname + "/assets",
  entry: {
    "details-page": "./js/details-page.js",
    index: "./js/index.js",
    common: "./js/common.js",
    styles: "./css/styles.css"
  },
  optimization: {
    concatenateModules: true,
    // runtimeChunk: true,
    minimizer: [
      new OptimizeCssAssetsPlugin({
        cssProcessorOptions: {
          safe: true
        }
      })
    ],
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: "vendors",
          chunks: "all"
        },
        "styles-compiled": {
          name: "styles-compiled",
          test: /\.css$/,
          chunks: "all",
          enforce: true
        }
      }
    }
  },
  output: {
    path: __dirname + "/clashleaders/static/",
    filename: "js/[name].js"
  },
  resolve: {
    extensions: [".js", ".vue", ".json"],
    alias: {
      vue$: "vue/dist/vue.esm.js"
    }
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: ["babel-loader"]
      },
      {
        test: /\.vue$/,
        loader: "vue-loader"
      },
      {
        test: /.*flags.*\.(svg)$/,
        loader: "file-loader",
        options: {
          name: "[name]-[hash].[ext]",
          outputPath: "flags/",
          publicPath: "/static/flags/"
        }
      },
      {
        test: /\.svg$/,
        exclude: [/flags/],
        use: {
          loader: "svg-url-loader"
        }
      },
      {
        test: /\.(sass|scss|css)$/,
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: "css-loader",
            query: {
              importLoaders: 1
            }
          },
          {
            loader: "postcss-loader",
            options: {
              ident: "postcss",
              plugins: loader => [
                require("postcss-import")(),
                require("postcss-cssnext")({
                  features: {
                    customProperties: { warnings: false }
                  }
                }),
                require("postcss-font-magician")()
              ]
            }
          },
          "sass-loader"
        ]
      }
    ]
  },
  plugins: [
    new ManifestPlugin(),
    new MiniCssExtractPlugin({
      filename: 'css/[name].[contenthash].css'
    }),
    new CleanWebpackPlugin([
      __dirname + "/clashleaders/static/css",
      __dirname + "/clashleaders/static/js",
      __dirname + "/clashleaders/static/flags"
    ]),
    new VueLoaderPlugin()
  ]
};

if (process.env.NODE_ENV === "production") {
  module.exports.devtool = "#source-map";
  module.exports.output.filename = "js/[name].[chunkhash].js";
}

Version
[email protected]
[email protected]

Bug
NODE_ENV='production' webpack --progress --mode production
Produces this...

When I do ag --css "player-comparison" which is a class that I know is in one of the vue files I get

Does this make sense? Wouldn't it make sense to get all css files in the combined css. My config and package files.

The text was updated successfully, but these errors were encountered:

alexander-akait · 2018-04-30T11:20:47Z

@amir20 very interesting, can you create minimum reproducible test repo?

amir20 · 2018-04-30T14:57:06Z

@evilebottnawi I was able to reproduce this by creating a really simple Vue application. Here is the repo: https://github.com/amir20/vue-mini-css.

There are three entry points. One CSS file and two other javascript files.

app/
├── css
│   └── styles.css
└── js
    ├── components
    │   ├── comp1.vue
    │   └── comp2.vue
    ├── entry1.js
    └── entry2.js

After doing npm run build, it should create styles-compiled.css with all css in one place. However, it does not do that.

I have done some research since then and I am pretty sure the fix requires fixing the test in cacheGroup to something else from test: /\.css$/,. I don't believe that captures vue styles.

alexander-akait · 2018-04-30T15:00:45Z

@amir20 how about this https://github.com/thecrypticace/webpack-css-chunks-test/blob/master/webpack.config.js#L61, looks some people extract css from vue doing this setup

amir20 · 2018-04-30T15:03:08Z

I saw that as well. My goal was to create one css file. That creates two. I imagine I could put the two rules together, but does it make sense to go through all these configurations to do this? I imagine having a bunch of vue files with css is a common pattern that many people plan to do.

amir20 · 2018-04-30T15:09:17Z

Hmmmmm. I can't get that to work either...

diff --git a/webpack.config.js b/webpack.config.js
index ef5453d..7c75bce 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -17,11 +17,29 @@ module.exports = {
           name: "vendors",
           chunks: "all"
         },
-        "styles-compiled": {
-          name: "styles-compiled",
-          test: /\.css$/,
+        extractVueStyles: {
+          test: m => {
+            return /\.vue\?vue&type=style/.test(m.identifier());
+          },
+          name: "vue-styles",
           chunks: "all",
-          enforce: true
+
+          // enforce: false
+          // results in no vue-styles chunk
+          // Only a bundle.css file
+          enforce: false
+        },
+        extractOtherStyles: {
+          test: m => {
+            return m.constructor.name == "CssModule";
+          },
+
+          // enforce: false
+          // results in no other-styles chunk
+          // Only a bundle.css file
+          name: "other-styles",
+          chunks: "all",
+          enforce: false
         }
       }
     }

Am I doing something wrong? :( That produces no files now.

amir20 · 2018-04-30T15:16:27Z

Doing enforce: true gets me closer to having everything in other-styles.css. I have to go to work now but I'll check back soon.

nass600 · 2018-05-01T12:48:56Z

Exact same problem here. My configuration differs in using MiniCssExtractPlugin.loader in the vue rules:

{
    test: /\.vue$/,
    loader: [
        {
            loader: 'vue-loader',
            options: {
                loaders: {
                    scss: [
                        'vue-style-loader',
                        MiniCssExtractPlugin.loader,
                        'css-loader?sourceMap',
                        'sass-loader?sourceMap'
                    ],
                    css: [
                        'vue-style-loader',
                        MiniCssExtractPlugin.loader,
                        'css-loader?sourceMap'
                    ]
                }
            }
        },
        {
            loader: 'eslint-loader',
            options: eslintOptions
        }
    ]
},
{
    test: /\.(css|scss)$/,
    use: [
        MiniCssExtractPlugin.loader,
        'css-loader?sourceMap',
        'sass-loader?sourceMap'
    ]
}

Still can get to merge all my the generated css in one file.

amir20 · 2018-05-01T14:38:41Z

I am still not sure how to do this. I am waiting for vue-cli to integrate with vue-loader v15 and how they plan to do it.

nass600 · 2018-05-02T13:09:26Z

@sokra Anything we are oversighting in order to make this work that you know about?

eugenioclrc · 2018-05-06T03:42:56Z

same issue here

jiubao · 2018-05-06T08:32:21Z

same issue

alexander-akait · 2018-05-06T12:12:18Z

Please don't write same issue, it is clogs thread, just add 👍 on top post, thanks!

nass600 · 2018-05-08T07:20:35Z

I think I sorted it out finally, at least is working for me:

optimization: {
    splitChunks: {
        cacheGroups: {
            default: false,
            common: false,
            styles: {
                name: 'app',
                test: /\.(s?css|vue)$/, // chunks plugin has to be aware of all kind of files able to output css in order to put them together
                chunks: 'initial',
                minChunks: 1,
                enforce: true
            }
        }
    }
}

alexander-akait · 2018-05-08T09:28:05Z

/cc @amir20 looks on #113 (comment) solution, it is works for you?

amir20 · 2018-05-08T13:54:28Z

I’ll give it a try today.

…

Sent from my iPad

On May 8, 2018, at 2:28 AM, Evilebot Tnawi ***@***.***> wrote: /cc @amir20 looks on #113 (comment) solution, it is works for you? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

amir20 · 2018-05-08T14:42:37Z

I think it worked (kinda). I validated by doing ag --css ".player-comparison" which is a css that I know is part of vue.

However, I said "kinda" because my javascript now isn't executing. 👎 I need to debug more to understand what's going on.

Here is the diff for the curious

diff --git a/webpack.config.js b/webpack.config.js
index b54a754..655fb5b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -31,8 +31,9 @@ module.exports = {
         },
         "styles-compiled": {
           name: "styles-compiled",
-          test: /\.css$/,
-          chunks: "all",
+          test: /\.(s?css|vue)$/,
+          chunks: "initial",
+          minChunks: 1,
           enforce: true
         }
       }

alexander-akait · 2018-05-08T14:50:50Z

@amir20 can you create minimum reproducible test repo, it is help to solve your problem faster

amir20 · 2018-05-08T14:57:35Z

Still working on it. I am not sure if mini-css-extract is the problem or something else I did.

amir20 · 2018-05-08T15:05:52Z

Ok I have applied the changes to my old test repo at https://github.com/amir20/vue-mini-css/commit/375389e5ff297c3e2002d28b513d0484ea1cdd70

I think the problem is that all the javascript goes styles-compiled.js. You can see that here. Is that to be expected? I am guessing the pattern *.vue will also compile the javascript which is not what we want.

Does that make sense?

alexander-akait · 2018-05-08T15:14:37Z

@amir20 sorry i am not familiar with vue and vue-loader, but i can ivnestigate what is wrong, https://github.com/amir20/vue-mini-css is minimum reproducible test repo?

amir20 · 2018-05-08T15:36:37Z

Yup. I created that when I created this issue. I am pretty sure the pattern vue will also capture the output of all JavaScript files that vue components. Sent via my iPhone

…

On May 8, 2018, at 8:14 AM, Evilebot Tnawi ***@***.***> wrote: @amir20 sorry i am not familiar with vue and vue-loader, but i can ivnestigate what is wrong, https://github.com/amir20/vue-mini-css is minimum reproducible test repo? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

amir20 · 2018-05-08T15:52:10Z

@evilebottnawi might be worth asking vue-loader or vue-cli folks in this issue? The reason people are starting to have this issue is because in the migrations documentation for v15 of vue-loader, the suggested solution is to use mini-css-extract. However, the still don't have a suggested solution and at the very top they say vue-cli will soon use the latest version.

alexander-akait · 2018-05-08T15:59:02Z

@amir20 vue-cli have issue around this problem?

amir20 · 2018-05-08T16:15:38Z

I don’t think so. Since they haven’t implemented the new version yet, there isn’t anything that is “broken”?

alexander-heimbuch · 2018-06-05T06:23:36Z

@amir20 Thanks for your investigations. I managed to get rid of the JS extraction problem by removing the JavaScript in the styles cacheGroup:

test: module => module.nameForCondition && /\.(s?css|vue)$/.test(module.nameForCondition()) && !/^javascript/.test(module.type)

See this issue for more details: #85

amir20 · 2018-06-05T14:55:57Z

I just tried it. It looks like it might have worked.

I'll try it on my actual project this week and update back.

Tk-archer · 2018-06-06T08:12:30Z

@alexander-heimbuch thx, it is actually worked !

amir20 · 2018-06-25T20:09:55Z

Sadly, after a lot of effort, I am unable to figure out why javascript is not executing at all. I figured out when I remove <style scoped></style> in my components everything works. I suspect it has something to do with the test pattern above. I'll see if I can make the changes to my sample repo to reproduce this.

I hope there is an easier way to configure webpack 4 with mini-css-extran.

amir20 · 2018-06-25T20:25:21Z

Hmm. I think I found the problem.

  optimization: {
    // concatenateModules: true,
    // runtimeChunk: true,
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /node_modules/,
          chunks: "initial",
          name: "vendors"
        },
        "styles-compiled": {
          name: "styles-compiled",
          test: module =>
            module.nameForCondition &&
            /\.(s?css|vue)$/.test(module.nameForCondition()) && !/^javascript/.test(module.type),
          chunks: "all",
          enforce: true
        }
      }
    }
  },

This produces styles-compiled.css AND styles-compiled.js. Both need to be included for the javascript to work. Does anybody know of a solution where it doesn't have to produce a js file? @alexander-heimbuch ?

The contents of styles-compiled.js is only (window["webpackJsonp"] = window["webpackJsonp"] || []).push([["styles-compiled"],[]]);. So I could inline that. But that doesn't feel efficent.

fabd · 2018-09-07T12:01:16Z

A similar issue:

My webpack 3 build which does not use any dynamic loading (ExtractTextPlugin), resulted in one concatenated CSS file of all the styles from my .vue files, per bundle (edit: eg. "utils.js", "page1.js" "page2.js" resulted in "utils.css", "page1.css", "page2.css" -- where "utils" was my common / root bundle used across the site).

I couldn't make that work in Webpack 4. I tried many snippets I found online, always ended up with ONE styles file, even though my 3 javascript bundles are being output. And, there would be indeed this extra "styles.js" file which Webpack 3 + ExtractTextPlugin didn't produce.

luckyyyyy · 2018-10-16T21:52:18Z

I ran into the same problem...

amir20 · 2018-10-17T17:58:22Z

For everybody who is coming to this issue. I solved this problem by inlining styles.js. I am currently on a flask app so I did something like <script>{{ inline_path("styles-compiled.js") | safe }}</script>

I don't know of any other solution where styles.js can be part of the main chunk. Hope this helps.

thaoms · 2018-11-24T19:45:30Z

Any news on this one?
Removing the redundant file is not an option because without including it my entry js doesn't even run?

How is this actually getting almost to none attention? This means you can't bundle your css in anyway?

nwrightau · 2018-11-26T13:21:15Z

Having the same issue, have tried many MANY approaches. The only thing that's done anything remotely useful is the one below.

This gives me the desired result (of merging the inline style outputs from vue components into one file) but still there are JS versions of these styles being generated resulting in inline styles on the page AND these. Not sure how fix this, this whole process has been a nightmare.

Here's my current vue.config.js, can post my webpack.config as well: http://jsfiddle.net/av42ky7d/

I think I sorted it out finally, at least is working for me:

optimization: {
    splitChunks: {
        cacheGroups: {
            default: false,
            common: false,
            styles: {
                name: 'app',
                test: /\.(s?css|vue)$/, // chunks plugin has to be aware of all kind of files able to output css in order to put them together
                chunks: 'initial',
                minChunks: 1,
                enforce: true
            }
        }
    }
}

alexander-akait · 2018-11-26T13:29:19Z

Guys before write here please create minimum reproducible test repo and add link on this repo in post, it is help to solve your issue(s).

privatenumber · 2018-12-04T19:59:51Z

I believe this is a similar issue. For me, even if I'm able to extract all the CSS out into one file, it breaks the component entry files.

Minimal reproduction repo: https://github.com/hirokiosame/test-build

jimblue · 2018-12-05T01:48:23Z

Related to #85 and #45 !
With more than 80 👍, it seems to be a problem for many of us...
I'm trying to found a fix for 2 days non stop, made so many tests... 😭😭😭
I hope someone can find a fix soon ! ❤️Vue

amoshydra · 2018-12-11T08:47:50Z

I am quite urgently in need for a way to concatenate all my css files now..
at the moment, I am running this script to do the concatenation manually

https://gist.github.com/amoshydra/f0a79123fd184088e7e674333d0fc191

node concatenate-css.js dist/css/*.css dist/style.css

At the moment, I can't apply any cacheGroups without breaking my builds

alexander-akait · 2018-12-11T09:01:34Z

Here two problem:

One people want to have one file.
Other people want multiple files.

What is problem here? Don't do this in future - don't write difference issues in one issue. It is hard to understand what is problem you want to solve.

So only top issue was solved here, other will be ignored - one problem = one issue.

alexander-akait · 2018-12-11T09:06:19Z

/cc @amir20 sorry for big delay, a lot of work, problem still exists? If yes can you create latest actual repository and describe in readme what you have and what you expected?

privatenumber · 2018-12-11T09:31:55Z

@evilebottnawi I believe this repo reproduces his issue https://github.com/hirokiosame/test-build

alexander-akait · 2018-12-11T09:39:33Z

@hirokiosame what you expected? All in one file or each component create own css file?

privatenumber · 2018-12-11T09:40:37Z

All in one file

On Tue, Dec 11, 2018 at 1:39 Evilebot Tnawi ***@***.***> wrote: @hirokiosame <https://github.com/hirokiosame> what you expected? All in one file or each component create own css file? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#113 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABBp7goC1O2aV7cytEAbW_bR1MuwhQAVks5u331agaJpZM4TrkdF> .

-- Kind regards, Hiroki Osame

alexander-akait · 2018-12-11T09:44:03Z

@hirokiosame do you try above examples?

privatenumber · 2018-12-11T10:11:35Z

Yes, I've tried the various webpack configs. Try cloning the repo. I wrote this in the ReadMe, and it's also communicated in the thread above, but once the CSS is outputted in one file, the JS breaks.

On Tue, Dec 11, 2018 at 1:44 Evilebot Tnawi ***@***.***> wrote: @hirokiosame <https://github.com/hirokiosame> do you try above examples? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#113 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABBp7uZ4kmVFDDpJ3AmRxQjZHfWs-IY1ks5u335mgaJpZM4TrkdF> .

-- Kind regards, Hiroki Osame

jimblue · 2018-12-11T18:37:48Z

Ya exact same problem as @hirokiosame !
When CSS is bundled to one file the JS breaks.

alexander-akait · 2018-12-11T18:43:31Z

@jimblue What you mean breaks?

amir20 · 2018-12-11T18:54:04Z

@evilebottnawi I used to have a repo to show this bug. I think I have deleted it and gotten a new laptop since so I don't have the work anymore.

The bug is simple. I don't think there is any need to have a lot of conversations about this. When creating a single css file, a javascript file is also created that is required for the whole thing to run. That's the bug. So the final files are 1. styles.css, 2. styles.js and 3. scripts.js. To fix the bug, styles.js needs to be included in script.js.

The contents of the JS file is (window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);.

Hope this helps. The bug is pretty big in my opinion and there it should be very easy to reproduce.

alexander-akait · 2018-12-11T18:59:06Z

@amir20 not related to this issue (see #85), it is bug in webpack and we need fix it in webpack, can't be fixed in plugin

LoveShoneLiu · 2019-07-12T11:37:03Z

i have a same question, any one has the answer？

alexander-akait · 2019-12-17T16:55:25Z

Please open issue in vue-loader, if somebody thinks what we have bug on our side, please open new an issue with reproducible test repo

tarponjargon · 2020-04-09T21:39:42Z

nwrightau's solution worked for me

pascencio · 2021-07-14T19:12:32Z

I think I sorted it out finally, at least is working for me:

optimization: {
    splitChunks: {
        cacheGroups: {
            default: false,
            common: false,
            styles: {
                name: 'app',
                test: /\.(s?css|vue)$/, // chunks plugin has to be aware of all kind of files able to output css in order to put them together
                chunks: 'initial',
                minChunks: 1,
                enforce: true
            }
        }
    }
}

This works perfectly. I have a doubt ...How can I change the final css name?

alexander-akait · 2021-07-14T19:16:17Z

Using filename

louisscruz mentioned this issue Jun 27, 2018

main.js has been loaded,but it didn't run webpack/webpack#7535

Closed

thaoms mentioned this issue Nov 25, 2018

Legacy JS doesn't work after build nystudio107/annotated-webpack-config#5

Closed

haoqunjiang mentioned this issue Dec 20, 2018

'RangeError: Maximum call stack size exceeded ' when run build vuejs/vue-cli#3091

Closed

Mighty683 mentioned this issue Aug 7, 2019

Extracting CSS files into single separate file vuejs/vue-cli#4409

Open

alexander-akait closed this as completed Dec 17, 2019

jakeNiemiec mentioned this issue Feb 14, 2020

Webpacker::Manifest::MissingEntryError despite being in the manifest.js rails/webpacker#2462

Closed

Vue + vue-loader 15 + webpack 4 + mini-css-e-p creates multiple css files #113

Vue + vue-loader 15 + webpack 4 + mini-css-e-p creates multiple css files #113

Comments

amir20 commented Apr 28, 2018 • edited Loading

alexander-akait commented Apr 30, 2018

amir20 commented Apr 30, 2018

alexander-akait commented Apr 30, 2018

amir20 commented Apr 30, 2018 • edited Loading

amir20 commented Apr 30, 2018 • edited Loading

amir20 commented Apr 30, 2018

nass600 commented May 1, 2018

amir20 commented May 1, 2018

nass600 commented May 2, 2018

eugenioclrc commented May 6, 2018

jiubao commented May 6, 2018

alexander-akait commented May 6, 2018

nass600 commented May 8, 2018

alexander-akait commented May 8, 2018

amir20 commented May 8, 2018 via email

amir20 commented May 8, 2018

alexander-akait commented May 8, 2018

amir20 commented May 8, 2018

amir20 commented May 8, 2018

alexander-akait commented May 8, 2018

amir20 commented May 8, 2018 via email

amir20 commented May 8, 2018

alexander-akait commented May 8, 2018

amir20 commented May 8, 2018

alexander-heimbuch commented Jun 5, 2018 • edited Loading

amir20 commented Jun 5, 2018

Tk-archer commented Jun 6, 2018

amir20 commented Jun 25, 2018 • edited Loading

amir20 commented Jun 25, 2018 • edited Loading

fabd commented Sep 7, 2018 • edited Loading

luckyyyyy commented Oct 16, 2018 • edited Loading

amir20 commented Oct 17, 2018

thaoms commented Nov 24, 2018 • edited Loading

nwrightau commented Nov 26, 2018

alexander-akait commented Nov 26, 2018

privatenumber commented Dec 4, 2018 • edited Loading

jimblue commented Dec 5, 2018 • edited Loading

amoshydra commented Dec 11, 2018

alexander-akait commented Dec 11, 2018 • edited Loading

alexander-akait commented Dec 11, 2018

privatenumber commented Dec 11, 2018

alexander-akait commented Dec 11, 2018

privatenumber commented Dec 11, 2018 via email

alexander-akait commented Dec 11, 2018

privatenumber commented Dec 11, 2018 via email

jimblue commented Dec 11, 2018

alexander-akait commented Dec 11, 2018 • edited Loading

amir20 commented Dec 11, 2018

alexander-akait commented Dec 11, 2018

LoveShoneLiu commented Jul 12, 2019

alexander-akait commented Dec 17, 2019 • edited Loading

tarponjargon commented Apr 9, 2020

pascencio commented Jul 14, 2021

alexander-akait commented Jul 14, 2021

amir20 commented Apr 28, 2018 •

edited

Loading

amir20 commented Apr 30, 2018 •

edited

Loading

amir20 commented Apr 30, 2018 •

edited

Loading

alexander-heimbuch commented Jun 5, 2018 •

edited

Loading

amir20 commented Jun 25, 2018 •

edited

Loading

amir20 commented Jun 25, 2018 •

edited

Loading

fabd commented Sep 7, 2018 •

edited

Loading

luckyyyyy commented Oct 16, 2018 •

edited

Loading

thaoms commented Nov 24, 2018 •

edited

Loading

privatenumber commented Dec 4, 2018 •

edited

Loading

jimblue commented Dec 5, 2018 •

edited

Loading

alexander-akait commented Dec 11, 2018 •

edited

Loading

alexander-akait commented Dec 11, 2018 •

edited

Loading

alexander-akait commented Dec 17, 2019 •

edited

Loading