main.css missing when I build with --prod

[squallliu]

Note: for support questions, please use one of these channels:

https://forum.ionicframework.com/
http://ionicworldwide.herokuapp.com/

Short description of the problem:

main.css missing when I build with --prod and "ionic_manual_treeshaking" set false

What behavior are you expecting?

the size of main.css is 42K

Which @ionic/app-scripts version are you using?
2.0.2

[danbucholtz]

@squallliu,

Please do not delete our form. You are missing a good amount of required data.

How can I recreate this issue? Please upload a sample repository.

Thanks,
Dan

[squallliu]

@danbucholtz

1. clone https://github.com/squallliu/app-scripts-test
2. npm i
3. build with --prod

styles are missing

[lordgreg]

I can confirm this issue as well.

$ ionic info

global packages:

    @ionic/cli-utils : 1.6.0-alpha.18371e18
    Cordova CLI      : 7.0.1
    Ionic CLI        : 3.6.0-alpha.18371e18

local packages:

    @ionic/app-scripts              : 2.0.2
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : android 6.2.3
    Ionic Framework                 : ionic-angular 3.5.3

System:

    Node       : v6.11.0
    OS         : Windows 10
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed
    npm        : 5.3.0

as soon as remove the --prod flag, the styling looks okay.

[MarkChrisLevy]

@danbucholtz I can confirm this as well.

[vkniazeu]

The issue is NOT present with "@ionic/app-scripts": "^2.0.0".

[vkniazeu]

#1120 is related.

[lordgreg]

@vkniazeu I've just checked your statement with 2.0.2 version installed and it still produced the same issue.

$ ionic info

global packages:

    @ionic/cli-utils : 1.5.0
    Cordova CLI      : 7.0.1
    Ionic CLI        : 3.5.0

local packages:

    @ionic/app-scripts              : 2.0.2
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : android 6.2.3
    Ionic Framework                 : ionic-angular 3.5.3

System:

    Node       : v6.11.0
    OS         : Windows 10
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed
    npm        : 5.3.0

[danbucholtz]

@squallliu,

I'll test your project out and verify. It could be a Windows thing. Though I did test some apps on windows. Hmmm.

Thanks,
Dan

[bsummersgb]

I'm also experiencing this on OSX

[squallliu]

@danbucholtz

global packages:

    @ionic/cli-utils : 1.5.0
    Cordova CLI      : 7.0.1
    Ionic CLI        : 3.5.0

local packages:

    @ionic/app-scripts              : 1.3.12
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : android 6.2.3
    Ionic Framework                 : ionic-angular 3.5.3

System:

    Node       : v8.1.4
    OS         : macOS Sierra
    Xcode      : Xcode 8.3 Build version 8E162
    ios-deploy : not installed
    ios-sim    : 5.0.13
    npm        : 4.6.1

[vkniazeu]

@lordgreg, 2.0.2 does give me an error. It's 2.0.0 that works fine for me. FWIW, I'm on Windows.

[danbucholtz]

@squallliu and others,

I can recreate the issue in @squallliu's sample project. I noticed that it has the following config setting:

"config": {
    "ionic_manual_treeshaking": false
  }

Are you all using this setting as well? If I remove this setting, everything works as expected.

Thanks,
Dan