craft-in-america
/
vue-wp
Tarkkaile 4
Äänestä 2
Fork 0
Koodi Ongelmat 8 Pull-pyynnöt 0 Julkaisut 6 Wiki Activity
Selaa lähdekoodia

working chunking in dev

tags/0.9.0
J 6 vuotta sitten
vanhempi
2215fe0def
commit
9ad3bb584f
17 muutettua tiedostoa jossa 2353 lisäystä ja 30 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 1
    1
      vue-theme/functions.php
  2. 1
    1
      vue-theme/index.php
  3. 5
    0
      vue-theme/package-lock.json
  4. 7
    3
      vue-theme/package.json
  5. 22
    5
      vue-theme/src/app.vue
  6. 14
    0
      vue-theme/src/components/footer.vue
  7. 11
    0
      vue-theme/src/components/hero.vue
  8. 6
    9
      vue-theme/src/index.js
  9. 7
    8
      vue-theme/src/pages/index.vue
  10. 4
    0
      vue-theme/src/pages/lazy.vue
  11. 2
    0
      vue-theme/src/sss/_variables.sss
  12. 2
    0
      vue-theme/src/sss/index.js
  13. 43
    0
      vue-theme/src/sss/reset.sss
  14. 19
    0
      vue-theme/src/widgets/navigation/navigation.vue
  15. 39
    0
      vue-theme/vue-theme/build/0.bundle.js
  16. 2147
    0
      vue-theme/vue-theme/build/main.bundle.js
  17. 23
    3
      vue-theme/webpack.config.js

+ 1
- 1
vue-theme/functions.php Näytä tiedosto 

@@ -51,7 +51,7 @@ function vue_theme_scripts() {
51 51 
 	if ( defined( 'IS_DEV' ) && IS_DEV ) {
52 52 
 		wp_register_script(
53 53 
             'vue-theme',
54 
-            'http://localhost:8081/main.js',
54 
+            'http://localhost:8081/build/main.js',
55 55 
             array( 'jquery' ),
56 56 
             false,
57 57 
             true

+ 1
- 1
vue-theme/index.php Näytä tiedosto 

@@ -4,7 +4,7 @@
4 4 
         <title><?php wp_title(); ?></title>
5 5 
         <meta charset="<?php bloginfo( 'charset' ); ?>">
6 6 
         <meta name="viewport" content="width=device-width, initial-scale=1">
7 
-        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
7 
+        <link rel="prefetch" url="resource-url" />
8 8 
         <?php wp_head(); ?>
9 9 
     </head>
10 10 
     <body>

+ 5
- 0
vue-theme/package-lock.json Näytä tiedosto 

@@ -8357,6 +8357,11 @@
8357 8357 
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
8358 8358 
       "dev": true
8359 8359 
     },
8360 
+    "vuex": {
8361 
+      "version": "3.1.3",
8362 
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.1.3.tgz",
8363 
+      "integrity": "sha512-k8vZqNMSNMgKelVZAPYw5MNb2xWSmVgCKtYKAptvm9YtZiOXnRXFWu//Y9zQNORTrm3dNj1n/WaZZI26tIX6Mw=="
8364 
+    },
8360 8365 
     "watchpack": {
8361 8366 
       "version": "1.6.1",
8362 8367 
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.1.tgz",

+ 7
- 3
vue-theme/package.json Näytä tiedosto 

@@ -4,7 +4,7 @@
4 4 
   "description": "Wordpress SPA theme base",
5 5 
   "main": "index.js",
6 6 
   "scripts": {
7 
-    "dev": "webpack-dev-server --hot"
7 
+    "dev": "webpack-dev-server --open"
8 8 
   },
9 9 
   "keywords": [
10 10 
     "wordpress",
 
@@ -14,6 +14,7 @@
14 14 
   "license": "UNLICENSED",
15 15 
   "devDependencies": {
16 16 
     "@babel/core": "^7.9.0",
17 
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
17 18 
     "@babel/preset-env": "^7.9.0",
18 19 
     "axios": "^0.19.2",
19 20 
     "babel-loader": "^8.1.0",
 
@@ -38,7 +39,8 @@
38 39 
   "dependencies": {
39 40 
     "compression-webpack-plugin": "^3.1.0",
40 41 
     "vue": "^2.6.11",
41 
-    "vue-router": "^3.1.6"
42 
+    "vue-router": "^3.1.6",
43 
+    "vuex": "^3.1.3"
42 44 
   },
43 45 
   "babel": {
44 46 
     "presets": [
 
@@ -55,6 +57,8 @@
55 57 
       ]
56 58 
     ],
57 59 
     "comments": false,
58 
-    "plugins": []
60 
+    "plugins": [
61 
+      "@babel/plugin-syntax-dynamic-import"
62 
+    ]
59 63 
   }
60 64 
 }

+ 22
- 5
vue-theme/src/app.vue Näytä tiedosto 

@@ -1,16 +1,33 @@
1 1 
 <template lang="pug">
2 
-div(id="theme")
3 
-    h1 hello new-theme
4 
-    router-view
2 
+div#theme
3 
+    cia-nav
4 
+    main
5 
+        router-view
6 
+    cia-footer
5 7 
 </template>
6 8
7 9 
 <script>
10 
+import navigation from './widgets/navigation/navigation.vue'
11 
+import footer from './components/footer.vue'
12 
+
13 
+import './sss'
14 
+
8 15 
 export default {
9 
-    data () {
10 
-        return {}
16 
+    components: {
17 
+        'cia-nav': navigation,
18 
+        'cia-footer': footer,
11 19 
     }
12 20 
 }
13 21 
 </script>
14 22
15 23 
 <style lang="postcss">
24 
+html > body
25 
+    font-family: sans-serif
26 
+    main > article[class^="page--"]
27 
+        padding: 0.5em
28 
+        > section
29 
+            padding: 0 0 0.5em
30 
+    :--headings
31 
+        color: red
32 
+
16 33 
 </style>

+ 14
- 0
vue-theme/src/components/footer.vue Näytä tiedosto 

@@ -0,0 +1,14 @@
1 
+<template lang="pug">
2 
+footer.main
3 
+    h2 footer
4 
+</template>
5 
+
6 
+<style lang="postcss">
7 
+footer.main
8 
+    background-color: #ccc
9 
+    margin: 0.5em 0 0
10 
+    padding: 0.5em
11 
+    width: 100vw
12 
+    ul
13 
+        list-style: none
14 
+</style>

+ 11
- 0
vue-theme/src/components/hero.vue Näytä tiedosto 

@@ -0,0 +1,11 @@
1 
+<template lang="pug">
2 
+.hero
3 
+    h3 hero
4 
+</template>
5 
+
6 
+<style lang="postcss">
7 
+.hero
8 
+    background-color: rebecca-purple
9 
+    padding: 1em
10 
+    width: 100vw
11 
+</style>

+ 6
- 9
vue-theme/src/index.js Näytä tiedosto 

@@ -4,20 +4,17 @@ import VueRouter from 'vue-router'
4 4 
 Vue.use(VueRouter)
5 5
6 6 
 import App from './app.vue'
7 
-import Index from './pages/index.vue'
8 7
9 8 
 import store from './store'
10 9
11 
-const routes = [
12 
-    {
13 
-        path: '/',
14 
-        component: Index
15 
-    }
16 
-]
10 
+import IndexPage from './pages/index.vue'
17 11
18 12 
 const router = new VueRouter({
19 13 
     mode: 'history',
20 
-    routes
14 
+    routes: [
15 
+        { path: '/', component: IndexPage },
16 
+        { path: '/lazy', component:  () => import(/* webpackChunkName: "pages-lazy" */ './pages/lazy.vue') }
17 
+    ]
21 18 
 })
22 19
23 
-new Vue({ store, router, render: h=>h(App) }).$mount('#wp-app')
20 
+new Vue({ store, router, render: h => h(App) }).$mount('#wp-app')

+ 7
- 8
vue-theme/src/pages/index.vue Näytä tiedosto 

@@ -1,12 +1,11 @@
1 1 
 <template lang="pug">
2 
-.page--index
3 
-    p index page
4 
-    p {{ site }}
5 
-    div(v-if="allPagesLoaded")
6 
-        h2 pages
2 
+article.page--index
3 
+    h1 {{ site }}: index
4 
+    section(v-if="allPagesLoaded")
5 
+        h4 pages
7 6 
         p {{ somePages(10) }}
8 
-    div(v-if="allPostsLoaded")
9 
-        h2 posts
7 
+    section(v-if="allPostsLoaded")
8 
+        h4 posts
10 9 
         p {{ allPosts }}
11 10 
 </template>
12 11 
 
@@ -32,7 +31,7 @@ export default {
32 31 
         console.log('routes: ', wp.routes)
33 32 
         console.log('rest url: ', wp.rest)
34 33 
         console.log('template: ', wp.template)
35 
-
34 
+
36 35 
         this.$store.dispatch('getAllPages')
37 36 
         this.$store.dispatch('getAllPosts')
38 37 
     }

+ 4
- 0
vue-theme/src/pages/lazy.vue Näytä tiedosto 

@@ -0,0 +1,4 @@
1 
+<template lang="pug">
2 
+article.page--lazy
3 
+    h1 LAAZYY
4 
+</template>

+ 2
- 0
vue-theme/src/sss/_variables.sss Näytä tiedosto 

@@ -0,0 +1,2 @@
1 
+// Custom selectors
2 
+@custom-selector :--headings h1, h2, h3, h4, h5, h6

+ 2
- 0
vue-theme/src/sss/index.js Näytä tiedosto 

@@ -0,0 +1,2 @@
1 
+// Include all your *.sss Sugarss files
2 
+import './reset.sss'

+ 43
- 0
vue-theme/src/sss/reset.sss Näytä tiedosto 

@@ -0,0 +1,43 @@
1 
+// Kill margins and paddings; add border-box
2 
+*
3 
+    margin: 0
4 
+    padding: 0
5 
+    box-sizing: border-box
6 
+    &:before, &:after
7 
+        background-repeat: no-repeat
8 
+        box-sizing: inherit
9 
+    &:focus
10 
+        outline: none !important
11 
+
12 
+::before, ::after
13 
+    text-decoration: inherit
14 
+    vertical-align: inherit
15 
+
16 
+html
17 
+    cursor: default
18 
+    font-family: system-ui
19 
+    line-height: 1.15
20 
+    tab-size: 4
21 
+
22 
+// Always set color/background/font-size on root
23 
+body
24 
+    margin: 0
25 
+    color: #000
26 
+    font-size: 16px
27 
+    font-family: Helvetica, Arial, sans-serif
28 
+
29 
+// Remove list-style in navigation tags
30 
+nav
31 
+    ol, ul
32 
+        list-style: none
33 
+
34 
+// Useful for single page apps to use up all available space
35 
+html, body
36 
+    height: 100%
37 
+
38 
+// Reset some other default styles
39 
+button, input, select, textarea
40 
+    font-family: inherit
41 
+    font-size: inherit
42 
+    line-height: inherit
43 
+

+ 19
- 0
vue-theme/src/widgets/navigation/navigation.vue Näytä tiedosto 

@@ -0,0 +1,19 @@
1 
+<template lang="pug">
2 
+nav.main
3 
+    ul
4 
+        li
5 
+            h3 navigation
6 
+        li
7 
+            a(href="/lazy") lazy
8 
+
9 
+</template>
10 
+
11 
+<style lang="postcss">
12 
+nav.main
13 
+    background-color: #ccc
14 
+    margin: 0 0 0.5em
15 
+    padding: 0.5em
16 
+    width: 100vw
17 
+    ul
18 
+        list-style: none
19 
+</style>

+ 39
- 0
vue-theme/vue-theme/build/0.bundle.js Näytä tiedosto 

@@ -0,0 +1,39 @@
1 
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{
2 
+
3 
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js?!./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&":
4 
+/*!**********************************************************************************************************************************************************************************************************************************!*\
5 
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/vue-loader/lib??vue-loader-options!./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug& ***!
6 
+  \**********************************************************************************************************************************************************************************************************************************/
7 
+/*! exports provided: render, staticRenderFns */
8 
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
9 
+
10 
+"use strict";
11 
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm._m(0)\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"article\", { staticClass: \"page--lazy\" }, [\n      _c(\"h1\", [_vm._v(\"LAAZYY\")])\n    ])\n  }\n]\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvbG9hZGVycy90ZW1wbGF0ZUxvYWRlci5qcz8hLi9ub2RlX21vZHVsZXMvcHVnLXBsYWluLWxvYWRlci9pbmRleC5qcyEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9pbmRleC5qcz8hLi9zcmMvcGFnZXMvbGF6eS52dWU/dnVlJnR5cGU9dGVtcGxhdGUmaWQ9MjhlY2QzZjgmbGFuZz1wdWcmLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL3BhZ2VzL2xhenkudnVlPzg4NGUiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfdm0uX20oMClcbn1cbnZhciBzdGF0aWNSZW5kZXJGbnMgPSBbXG4gIGZ1bmN0aW9uKCkge1xuICAgIHZhciBfdm0gPSB0aGlzXG4gICAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gICAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gICAgcmV0dXJuIF9jKFwiYXJ0aWNsZVwiLCB7IHN0YXRpY0NsYXNzOiBcInBhZ2UtLWxhenlcIiB9LCBbXG4gICAgICBfYyhcImgxXCIsIFtfdm0uX3YoXCJMQUFaWVlcIildKVxuICAgIF0pXG4gIH1cbl1cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxuXG5leHBvcnQgeyByZW5kZXIsIHN0YXRpY1JlbmRlckZucyB9Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Iiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js?!./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&\n");
12 
+
13 
+/***/ }),
14 
+
15 
+/***/ "./src/pages/lazy.vue":
16 
+/*!****************************!*\
17 
+  !*** ./src/pages/lazy.vue ***!
18 
+  \****************************/
19 
+/*! exports provided: default */
20 
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
21 
+
22 
+"use strict";
23 
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lazy.vue?vue&type=template&id=28ecd3f8&lang=pug& */ \"./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\nvar script = {}\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(\n  script,\n  _lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n  _lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (true) {\n  var api = __webpack_require__(/*! ./node_modules/vue-hot-reload-api/dist/index.js */ \"./node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(__webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm.js\"))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('28ecd3f8')) {\n      api.createRecord('28ecd3f8', component.options)\n    } else {\n      api.reload('28ecd3f8', component.options)\n    }\n    module.hot.accept(/*! ./lazy.vue?vue&type=template&id=28ecd3f8&lang=pug& */ \"./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&\", function(__WEBPACK_OUTDATED_DEPENDENCIES__) { /* harmony import */ _lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lazy.vue?vue&type=template&id=28ecd3f8&lang=pug& */ \"./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&\");\n(function () {\n      api.rerender('28ecd3f8', {\n        render: _lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n        staticRenderFns: _lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]\n      })\n    })(__WEBPACK_OUTDATED_DEPENDENCIES__); }.bind(this))\n  }\n}\ncomponent.options.__file = \"src/pages/lazy.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvcGFnZXMvbGF6eS52dWUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvcGFnZXMvbGF6eS52dWU/MWM3NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyByZW5kZXIsIHN0YXRpY1JlbmRlckZucyB9IGZyb20gXCIuL2xhenkudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTI4ZWNkM2Y4Jmxhbmc9cHVnJlwiXG52YXIgc2NyaXB0ID0ge31cblxuXG4vKiBub3JtYWxpemUgY29tcG9uZW50ICovXG5pbXBvcnQgbm9ybWFsaXplciBmcm9tIFwiIS4uLy4uL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9ydW50aW1lL2NvbXBvbmVudE5vcm1hbGl6ZXIuanNcIlxudmFyIGNvbXBvbmVudCA9IG5vcm1hbGl6ZXIoXG4gIHNjcmlwdCxcbiAgcmVuZGVyLFxuICBzdGF0aWNSZW5kZXJGbnMsXG4gIGZhbHNlLFxuICBudWxsLFxuICBudWxsLFxuICBudWxsXG4gIFxuKVxuXG4vKiBob3QgcmVsb2FkICovXG5pZiAobW9kdWxlLmhvdCkge1xuICB2YXIgYXBpID0gcmVxdWlyZShcIi9ob21lL21hZWRhL0RvY3VtZW50cy92dWUtd3AvdnVlLXRoZW1lL25vZGVfbW9kdWxlcy92dWUtaG90LXJlbG9hZC1hcGkvZGlzdC9pbmRleC5qc1wiKVxuICBhcGkuaW5zdGFsbChyZXF1aXJlKCd2dWUnKSlcbiAgaWYgKGFwaS5jb21wYXRpYmxlKSB7XG4gICAgbW9kdWxlLmhvdC5hY2NlcHQoKVxuICAgIGlmICghYXBpLmlzUmVjb3JkZWQoJzI4ZWNkM2Y4JykpIHtcbiAgICAgIGFwaS5jcmVhdGVSZWNvcmQoJzI4ZWNkM2Y4JywgY29tcG9uZW50Lm9wdGlvbnMpXG4gICAgfSBlbHNlIHtcbiAgICAgIGFwaS5yZWxvYWQoJzI4ZWNkM2Y4JywgY29tcG9uZW50Lm9wdGlvbnMpXG4gICAgfVxuICAgIG1vZHVsZS5ob3QuYWNjZXB0KFwiLi9sYXp5LnZ1ZT92dWUmdHlwZT10ZW1wbGF0ZSZpZD0yOGVjZDNmOCZsYW5nPXB1ZyZcIiwgZnVuY3Rpb24gKCkge1xuICAgICAgYXBpLnJlcmVuZGVyKCcyOGVjZDNmOCcsIHtcbiAgICAgICAgcmVuZGVyOiByZW5kZXIsXG4gICAgICAgIHN0YXRpY1JlbmRlckZuczogc3RhdGljUmVuZGVyRm5zXG4gICAgICB9KVxuICAgIH0pXG4gIH1cbn1cbmNvbXBvbmVudC5vcHRpb25zLl9fZmlsZSA9IFwic3JjL3BhZ2VzL2xhenkudnVlXCJcbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudC5leHBvcnRzIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/pages/lazy.vue\n");
24 
+
25 
+/***/ }),
26 
+
27 
+/***/ "./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&":
28 
+/*!********************************************************************!*\
29 
+  !*** ./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug& ***!
30 
+  \********************************************************************/
31 
+/*! exports provided: render, staticRenderFns */
32 
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
33 
+
34 
+"use strict";
35 
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/pug-plain-loader!../../node_modules/vue-loader/lib??vue-loader-options!./lazy.vue?vue&type=template&id=28ecd3f8&lang=pug& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js?!./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_lazy_vue_vue_type_template_id_28ecd3f8_lang_pug___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvcGFnZXMvbGF6eS52dWU/dnVlJnR5cGU9dGVtcGxhdGUmaWQ9MjhlY2QzZjgmbGFuZz1wdWcmLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL3BhZ2VzL2xhenkudnVlP2QwZDQiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi0hLi4vLi4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2xvYWRlcnMvdGVtcGxhdGVMb2FkZXIuanM/P3Z1ZS1sb2FkZXItb3B0aW9ucyEuLi8uLi9ub2RlX21vZHVsZXMvcHVnLXBsYWluLWxvYWRlci9pbmRleC5qcyEuLi8uLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/P3Z1ZS1sb2FkZXItb3B0aW9ucyEuL2xhenkudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTI4ZWNkM2Y4Jmxhbmc9cHVnJlwiIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7Iiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/pages/lazy.vue?vue&type=template&id=28ecd3f8&lang=pug&\n");
36 
+
37 
+/***/ })
38 
+
39 
+}]);

+ 2147
- 0
vue-theme/vue-theme/build/main.bundle.js
File diff suppressed because it is too large
Näytä tiedosto


+ 23
- 3
vue-theme/webpack.config.js Näytä tiedosto 

@@ -67,10 +67,29 @@ module.exports = (env = {}) => {
67 67 
         },
68 68 
         output: {
69 69 
             path: path.join(__dirname, 'public'),
70 
-            publicPath: '/'
70 
+            publicPath: '/build/'
71 71 
         },
72 72 
         devServer: {
73 
-            historyApiFallback: true
73 
+            https: false,
74 
+            inline: true,
75 
+            noInfo: false,
76 
+            historyApiFallback: true,
77 
+            hot: true,
78 
+            open: true,
79 
+            hotOnly: true,
80 
+            disableHostCheck: true,
81 
+            writeToDisk: true,
82 
+            proxy: {
83 
+                '/': {
84 
+                    target: "http://localhost:8080",
85 
+                    secure: false,
86 
+                    changeOrigin: true,
87 
+                    autoRewrite: true,
88 
+                    headers: {
89 
+                        'X-ProxiedBy-Webpack': true,
90 
+                    },
91 
+                },
92 
+            },
74 93 
         },
75 94 
         devtool: env.production ? false : 'cheap-module-eval-source-map',
76 95 
         plugins: [
 
@@ -78,7 +97,8 @@ module.exports = (env = {}) => {
78 97 
                 PRODUCTION: JSON.stringify(env.production)
79 98 
             }),
80 99 
             new VueLoaderPlugin(),
81 
-            new CompressionPlugin()
100 
+            new CompressionPlugin({ threshold: 8192 }),
101 
+            new webpack.HotModuleReplacementPlugin()
82 102 
         ]
83 103 
     }
84 104 
 }

Write Preview
Loading…
Peruuta
Tallenna