Chunk.entrypPoint: Chunks.groupsIterable ব্যবহার করুন এবং পরিবর্তে এন্ট্রিপয়েন্ট দ্বারা ফিল্টার করুন

Question 1

আমার অ্যাপ্লিকেশন শুরু করার চেষ্টা করার সময় আমি নিম্নলিখিত ত্রুটিগুলি দেখতে পাচ্ছি ...

> css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules

ওয়েবপ্যাক এবং & সূচক html খুলুন

(node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802
        throw new Error(
        ^

Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
    at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9)
    at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48
    at Array.forEach (<anonymous>)
    at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:171:18
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/Hook.js:35:21)
    at Compilation.seal (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1203:27)
    at hooks.make.callAsync.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compiler.js:547:17)
    at _err0 (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:11:1)
    at _addModuleChain (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1054:12)
    at processModuleDependencies.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:980:9)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! css-modules@1.0.0 start: `webpack && open index.html`
    npm ERR! Exit status 1
    npm ERR! 
    npm ERR! Failed at the css-modules@1.0.0 start script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /Users/johnnynolan/.npm/_logs/2018-07-17T14_04_42_021Z-debug.log

Question 2

npm install extract-text-webpack-plugin@next

এটি আমার জন্য কৌতুক করেছিল!

Question 3

এখানে বেশিরভাগ মন্তব্য https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701 পয়েন্ট পরিবর্তে extract-text-pluginএটি পরিবর্তন করতে mini-css-extract-plugin।

Https://github.com/webpack-contrib/extract-text-webpack-plugin এর গিথুব রেপো থেকেextract-text-webpack-plugin

Web যেহেতু ওয়েবপ্যাক ভি 4 এক্সট্রাক্ট-টেক্সট-ওয়েবপ্যাক-প্লাগইনটি CSS এর জন্য ব্যবহার করা উচিত নয়। পরিবর্তে মিনি-সিএসএস-এক্সট্র্যাক্ট-প্লাগইন ব্যবহার করুন।

উপর আগাইয়া mini-css-extract-plugin/ কিভাবে swap 'র কাছে আপগ্রেড https://github.com/webpack-contrib/mini-css-extract-plugin

Question 4

হ্যাঁ, ওয়েবপ্যাক দিয়েও আমি একই সমস্যা পেয়েছি 4.10.2। পর আমি অদলবদল সমস্যা সংশোধন করা হয়েছে extract-css-chunks-webpack-pluginকরতে mini-css-extract-plugin।

ওয়েবপ্যাক কনফিগারেশন পরিবর্তন এখানে:

-const ExtractCssChunks = require('extract-css-chunks-webpack-plugin')
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
  name: 'client',
  target: 'web',
  module: {
    rules: [
      {
        test: /\.css$/,
-       use: ExtractCssChunks.extract({
-         use: 'css-loader'
-       })
+       use: [
+         {
+           loader: MiniCssExtractPlugin.loader,
+         },
+         "css-loader"
+       ]
      }
    ]
  },
// 
// other config........
//
   plugins: [
-    new ExtractCssChunks(),
+    new MiniCssExtractPlugin({
+        filename: `components/[name].css`
+    }),
     //
     // other config........
     //
   ]

আশা করি এটি সাহায্য করতে পারে।

Question 5

আমি সংস্করণ ব্যবহার দ্বারা বাগ সংশোধন করেছিলেন 4.0.0-beta.0এর extract-text-webpack-plugin।