Skip to content

Commit e2980de

Browse files
committed
Showcase enforce: false problem
1 parent 5c4d5eb commit e2980de

File tree

7 files changed

+44
-109
lines changed

7 files changed

+44
-109
lines changed

dist/vue-styles.css renamed to dist/bundle.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
body {
2+
background: blue; }
3+
14

25
.red[data-v-0f72a62a] {
36
background: red;

dist/bundle.js

Lines changed: 29 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,7 @@
11
/******/ (function(modules) { // webpackBootstrap
2-
/******/ // install a JSONP callback for chunk loading
3-
/******/ function webpackJsonpCallback(data) {
4-
/******/ var chunkIds = data[0];
5-
/******/ var moreModules = data[1];
6-
/******/ var executeModules = data[2];
7-
/******/ // add "moreModules" to the modules object,
8-
/******/ // then flag all "chunkIds" as loaded and fire callback
9-
/******/ var moduleId, chunkId, i = 0, resolves = [];
10-
/******/ for(;i < chunkIds.length; i++) {
11-
/******/ chunkId = chunkIds[i];
12-
/******/ if(installedChunks[chunkId]) {
13-
/******/ resolves.push(installedChunks[chunkId][0]);
14-
/******/ }
15-
/******/ installedChunks[chunkId] = 0;
16-
/******/ }
17-
/******/ for(moduleId in moreModules) {
18-
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
19-
/******/ modules[moduleId] = moreModules[moduleId];
20-
/******/ }
21-
/******/ }
22-
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
23-
/******/ while(resolves.length) {
24-
/******/ resolves.shift()();
25-
/******/ }
26-
/******/
27-
/******/ // add entry modules from loaded chunk to deferred list
28-
/******/ deferredModules.push.apply(deferredModules, executeModules || []);
29-
/******/
30-
/******/ // run deferred modules when all chunks ready
31-
/******/ return checkDeferredModules();
32-
/******/ };
33-
/******/ function checkDeferredModules() {
34-
/******/ var result;
35-
/******/ for(var i = 0; i < deferredModules.length; i++) {
36-
/******/ var deferredModule = deferredModules[i];
37-
/******/ var fulfilled = true;
38-
/******/ for(var j = 1; j < deferredModule.length; j++) {
39-
/******/ var depId = deferredModule[j];
40-
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
41-
/******/ }
42-
/******/ if(fulfilled) {
43-
/******/ deferredModules.splice(i--, 1);
44-
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
45-
/******/ }
46-
/******/ }
47-
/******/ return result;
48-
/******/ }
49-
/******/
502
/******/ // The module cache
513
/******/ var installedModules = {};
524
/******/
53-
/******/ // object to store loaded and loading chunks
54-
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
55-
/******/ // Promise = chunk loading, 0 = chunk loaded
56-
/******/ var installedChunks = {
57-
/******/ "bundle": 0
58-
/******/ };
59-
/******/
60-
/******/ // script path function
61-
/******/ function jsonpScriptSrc(chunkId) {
62-
/******/ return __webpack_require__.p + "" + chunkId + ".js"
63-
/******/ }
64-
/******/
65-
/******/ var deferredModules = [];
66-
/******/
675
/******/ // The require function
686
/******/ function __webpack_require__(moduleId) {
697
/******/
@@ -126,22 +64,24 @@
12664
/******/ // __webpack_public_path__
12765
/******/ __webpack_require__.p = "";
12866
/******/
129-
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
130-
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
131-
/******/ jsonpArray.push = webpackJsonpCallback;
132-
/******/ jsonpArray = jsonpArray.slice();
133-
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
134-
/******/ var parentJsonpFunction = oldJsonpFunction;
135-
/******/
13667
/******/
137-
/******/ // add entry module to deferred list
138-
/******/ deferredModules.push(["./src/index.js","vue-styles","other-styles"]);
139-
/******/ // run deferred modules when ready
140-
/******/ return checkDeferredModules();
68+
/******/ // Load entry module and return exports
69+
/******/ return __webpack_require__(__webpack_require__.s = "./src/index.js");
14170
/******/ })
14271
/************************************************************************/
14372
/******/ ({
14473

74+
/***/ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/test.vue?vue&type=style&index=0&id=0f72a62a&lang=scss&scoped=true":
75+
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
76+
!*** ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/test.vue?vue&type=style&index=0&id=0f72a62a&lang=scss&scoped=true ***!
77+
\*******************************************************************************************************************************************************************************************************************************************************************************************************************/
78+
/*! no static exports found */
79+
/***/ (function(module, exports, __webpack_require__) {
80+
81+
// extracted by mini-css-extract-plugin
82+
83+
/***/ }),
84+
14585
/***/ "./node_modules/process/browser.js":
14686
/*!*****************************************!*\
14787
!*** ./node_modules/process/browser.js ***!
@@ -8880,6 +8820,22 @@ component.options.__file = "src/test.vue"
88808820

88818821
/***/ }),
88828822

8823+
/***/ "./src/test.vue?vue&type=style&index=0&id=0f72a62a&lang=scss&scoped=true":
8824+
/*!*******************************************************************************!*\
8825+
!*** ./src/test.vue?vue&type=style&index=0&id=0f72a62a&lang=scss&scoped=true ***!
8826+
\*******************************************************************************/
8827+
/*! no static exports found */
8828+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
8829+
8830+
"use strict";
8831+
__webpack_require__.r(__webpack_exports__);
8832+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_0f72a62a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../node_modules/mini-css-extract-plugin/dist/loader.js!../node_modules/css-loader!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/sass-loader/lib/loader.js!../node_modules/vue-loader/lib??vue-loader-options!./test.vue?vue&type=style&index=0&id=0f72a62a&lang=scss&scoped=true */ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/test.vue?vue&type=style&index=0&id=0f72a62a&lang=scss&scoped=true");
8833+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_0f72a62a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_0f72a62a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
8834+
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_0f72a62a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_0f72a62a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
8835+
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_0f72a62a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default.a);
8836+
8837+
/***/ }),
8838+
88838839
/***/ "./src/test.vue?vue&type=template&id=0f72a62a&scoped=true":
88848840
/*!****************************************************************!*\
88858841
!*** ./src/test.vue?vue&type=template&id=0f72a62a&scoped=true ***!

dist/index.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,25 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta http-equiv="X-UA-Compatible" content="ie=edge">
88
<title>Document</title>
9+
<link rel="stylesheet" href="bundle.css">
10+
<!-- These don't get generated -->
11+
<!--
912
<link rel="stylesheet" href="other-styles.css">
1013
<link rel="stylesheet" href="vue-styles.css">
14+
-->
1115
</head>
1216

1317
<body>
1418
<div id="app"></div>
1519
<script src="bundle.js"></script>
20+
<!--
21+
These don't get generated.
22+
Ideally they wouldn't be necessary at all.
23+
-->
24+
<!--
1625
<script src="vue-styles.js"></script>
1726
<script src="other-styles.js"></script>
27+
-->
1828
</body>
1929

2030
</html>

dist/other-styles.css

Lines changed: 0 additions & 3 deletions
This file was deleted.

dist/other-styles.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

dist/vue-styles.js

Lines changed: 0 additions & 30 deletions
This file was deleted.

webpack.config.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ module.exports = {
6969
// enforce: false
7070
// results in no vue-styles chunk
7171
// Only a bundle.css file
72-
enforce: true
72+
enforce: false
7373
},
7474

7575
extractOtherStyles: {
@@ -82,7 +82,7 @@ module.exports = {
8282
// Only a bundle.css file
8383
name: "other-styles",
8484
chunks: "all",
85-
enforce: true
85+
enforce: false
8686
}
8787
}
8888
}

0 commit comments

Comments
 (0)