Мне и всегда было плохо с веб-пакетом, но на этот раз меня избили ... Это звучит просто: я просто хочу импортировать мои заявки, мой CSS.
Он - структура моего проекта:
/src
|_assets/
| |_index.html
|_components/
| |_App.js
| |_WelcomeLogo.js
|_styles/
| |_welcomeLogo.css
|_index.js
Итак, index. js импортирует приложение. js, которое импортирует WelcomeLo go. js и js отображается правильно. WelcomeLo go. js импорт * применяется к моему выходному приложению ... Это первый раз, когда не удается это сделать, и я чувствую себя потерянным Спасибо за вашу помощь.
Версия Webpack: 4.41.2
npm run build показывает, что css найден и проанализирован ... Но его содержимое не является частью пакета :
-> % npm run build
> xxxxxx@1.0.0 build /Users/xxxx/Documents/workspace/javascript/xxxx.io
> webpack --mode production
Hash: 480520f961b41a464f93
Version: webpack 4.41.2
Time: 2137ms
Built at: 03/17/2020 9:19:56 PM
Asset Size Chunks Chunk Names
index.480520f961b41a464f93.js 134 KiB 0 [emitted] [immutable] main
index.html 822 bytes [emitted]
Entrypoint main = index.480520f961b41a464f93.js
[7] ./src/index.js 184 bytes {0} [built]
[12] (webpack)/buildin/harmony-module.js 573 bytes {0} [built]
[15] ./src/styles/welcomeLogo.css 573 bytes {0} [built]
[17] ./node_modules/css-loader/dist/cjs.js!./src/styles/welcomeLogo.css 235 bytes {0} [built]
+ 16 hidden modules
Child html-webpack-plugin for "index.html":
1 asset
Entrypoint undefined = index.html
[0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/assets/index.html 927 bytes {0} [built]
[2] (webpack)/buildin/global.js 472 bytes {0} [built]
[3] (webpack)/buildin/module.js 497 bytes {0} [built]
+ 1 hidden module
Если я использую MiniCssExtractPlugin, он генерирует файл css ... Но пустой. И мой файл welcomeLo go. css не пустой, и он корректен в соответствии с W3 C validator ...