Merge pull request #64 from etalab/julien/optimbuild

optimize build
etalab · May 6, 2020 · 9a17f63 · 9a17f63
2 parents 2893e64 + 88d2b23
commit 9a17f63
Show file tree

Hide file tree

Showing 11 changed files with 139 additions and 454 deletions.
diff --git a/frontend/VERSIONS.md b/frontend/VERSIONS.md
@@ -13,32 +13,41 @@ You can also check the [wireframe document online][wireframe_slides] or the [wir
 [wireframe_slides]: https://docs.google.com/presentation/d/1j_0xaJzPIjmuDSQG-nNYzADad4pFaf8E3VBkggFu1FY/edit?usp=sharing
 [wireframe_pdf]: ../screenshots/DASHBOARD_WIREFRAME_v.1.0-2.0.pdf
 
+-----------------
+date : 05-06/05/2020
+
+- v.1.14.1 : optimizing buiild => 
+  - geojson 1000m instead of 100m
+  - fonts from CDN instead of build
+  - analyzer in nuxt script : `nuxt run analyze`
+  - big linting with standardJS 
+  - fetch minified data instead of pretty jsons
 
 -----------------
 date : 04/05/2020
 
-- v.0.13.1 : fix bug coherent colors when rebuilding apexChart
+- v.1.13.1 : fix bug coherent colors when rebuilding apexChart
 
 -----------------
 date : 28/04/2020
 
-- v.0.13 : iframing override from from [`.env` file](.envExample)
+- v.1.13 : iframing override from from [`.env` file](.envExample)
 
 
 -----------------
 date : 27/04/2020
 
-- v.0.12 : iframing parameter in url to hide navbar
-- v.0.11 : Matomo parameters injection from [`.env` file](.envExample)
+- v.1.12 : iframing parameter in url to hide navbar
+- v.1.11 : Matomo parameters injection from [`.env` file](.envExample)
 
 -----------------
 date : 26/04/2020
 
-- v.0.10 : 
+- v.1.10 : 
   - ability to load config files from distant files
   - can write config js files to json files in statics
 
 -----------------
 date : 23/04/2020
 
-- v.0 : first version (almost stable)
+- v.1 : first version (almost stable)
diff --git a/frontend/assets/css/fontawesome.scss b/frontend/assets/css/fontawesome.scss
@@ -1,5 +1,5 @@
-$fa-font-path : "../../node_modules/@fortawesome/fontawesome-free/webfonts";
-@import '../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss';
-@import '../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss';
+// $fa-font-path : "../../node_modules/@fortawesome/fontawesome-free/webfonts";
+// @import '../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss';
+// @import '../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss';
 // @import '../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss';
-// @import '../../node_modules/@fortawesome/fontawesome-free/scss/regular.scss';
+// @import '../../node_modules/@fortawesome/fontawesome-free/scss/regular.scss';
diff --git a/frontend/assets/css/main.scss b/frontend/assets/css/main.scss
@@ -1,6 +1,5 @@
-@import './fontawesome.scss';
-@import './materialdesign.scss';
-
+// @import './fontawesome.scss';
+// @import './materialdesign.scss';
 
 .skip-navbar{
   padding-top : rem(64px) ;
@@ -12,4 +11,4 @@
 .fullscreen-div{
   height: 100%;
   width: 100%;
-}
+}
diff --git a/frontend/assets/css/materialdesign.scss b/frontend/assets/css/materialdesign.scss
@@ -1 +1 @@
-@import '../../node_modules/material-design-icons-iconfont/dist/material-design-icons.css';
+// @import '../../node_modules/material-design-icons-iconfont/dist/material-design-icons.css';
diff --git a/frontend/components/UI/Logo.vue b/frontend/components/UI/Logo.vue
diff --git a/frontend/components/UI/VuetifyLogo.vue b/frontend/components/UI/VuetifyLogo.vue
diff --git a/frontend/components/UX/NavbarFooter.vue b/frontend/components/UX/NavbarFooter.vue
@@ -34,9 +34,11 @@
           <span>
             {{ btn.title[locale] }}
           </span>
+
           <v-icon>
             {{ btn.icon }}
           </v-icon>
+
         </v-btn>
       </v-bottom-navigation>
     </v-footer>

diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
@@ -11,7 +11,7 @@ console.log(
   process.env.NUXT_ENV_APP_TITLE
 )
 
-const APP_VERSION = 'v.0.13.linting - linting frontend code'
+const APP_VERSION = 'v.0.14.analyze - analyze build + treeshake icons'
 
 // - - - - - - - - - - - - - - - - - - - - - - - -
 // CONFIGS FROM...
@@ -274,7 +274,10 @@ export default {
         content: process.env.NUXT_ENV_APP_TITLE || 'ODAMAP'
       }
     ],
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
+    link: [
+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+      { href: 'https://use.fontawesome.com/releases/v5.0.13/css/all.css', rel: 'stylesheet' }
+    ]
   },
 
   // for build or dev
@@ -338,6 +341,7 @@ export default {
     'nuxt-i18n',
     // '~/modules/objectFromPath',
     '@nuxtjs/device'
+
   ],
 
   i18n: {
@@ -374,12 +378,6 @@ export default {
    */
   build: {
     transpile: ['vue-mapbox'],
-    // plugins: [
-    //   new webpack.ProvidePlugin({
-    //     mapboxgl: 'mapbox-gl'
-    //   })
-    // ],
-
     /*
      ** You can extend webpack config here
      */