전단 학습이 직면한 문제

1. 질문:
(node:13824) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead E:\Mall-feode_modules\webpack\lib\Chunk.js:846                 throw new Error(                 ^
Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead     at Chunk.get (E:\Mall-feode_modules\webpack\lib\Chunk.js:846:9)     at E:\Mall-feode_modules\extract-text-webpack-plugin\dist\index.js:176:48     at Array.forEach ()     at E:\Mall-feode_modules\extract-text-webpack-plugin\dist\index.js:171:18     at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\Mall-feode_modules\tapable\lib\HookCodeFactory.js:32:10), :7:1)     at AsyncSeriesHook.lazyCompileHook (E:\Mall-feode_modules\tapable\lib\Hook.js:154:20)     at Compilation.seal (E:\Mall-feode_modules\webpack\lib\Compilation.js:1231:27)     at hooks.make.callAsync.err (E:\Mall-feode_modules\webpack\lib\Compiler.js:546:17)     at _done (eval at create (E:\Mall-feode_modules\tapable\lib\HookCodeFactory.js:32:10), :9:1)     at _err1 (eval at create (E:\Mall-feode_modules\tapable\lib\HookCodeFactory.js:32:10), :32:22)     at _addModuleChain (E:\Mall-feode_modules\webpack\lib\Compilation.js:1082:12)     at processModuleDependencies.err (E:\Mall-feode_modules\webpack\lib\Compilation.js:998:9)     at _combinedTickCallback (internal/process/next_tick.js:131:7)     at process._tickCallback (internal/process/next_tick.js:180:9)
원인 찾기:
웹pack4는 extract-text-웹pack-plugin 플러그인을 지원하지 않습니다. 최신 버전이나 대체 플러그인을 사용해야 합니다.
해결:
이전 버전 플러그인 제거 및 최신 테스트 버전 설치

npm install extract-text-webpack-plugin@next --save-dev

다시 포장, 완성.
2. 템플릿 호건 적용 시 찾을 수 없음
해결: 새 버전 도입 방식 변화
           var Hagon = require('hagon.js');
3. 로더 문제를 불러올 수 없습니다.
ERROR in ./src/page/index/index.css Module build failed: ModuleParseError: Module parse failed: Unexpected token (7:4) You may need an appropriate loader to handle this file type. |  * @Last Modified time: 2018-11-20 10:41:58 |  */| body{ |     background: #ccc;font-size: 100px;color: red; | }     at doBuild (E:\Mall-feode_modules\webpack\lib\NormalModule.js:303:19)     at runLoaders (E:\Mall-feode_modules\webpack\lib\NormalModule.js:209:11)     at E:\Mall-feode_modules\loader-runner\lib\LoaderRunner.js:370:3     at iterateNormalLoaders (E:\Mall-feode_modules\loader-runner\lib\LoaderRunner.js:211:10)     at E:\Mall-feode_modules\loader-runner\lib\LoaderRunner.js:202:4     at E:\Mall-feode_modules\enhanced-resolve\lib\CachedInputFileSystem.js:70:14     at _combinedTickCallback (internal/process/next_tick.js:131:7)     at process._tickCallback (internal/process/next_tick.js:180:9)  @ ./src/page/index/index.css  @ ./src/page/index/index.js  @ multi ./src/page/index/index.js  
해결: 버전마다 구성 파일의 형식에 대한 요구가 다릅니다.버전을 3.10.0webpack으로 낮추는 것을 호환하기 위해loader의 작법을 다음과 같이 변경합니다
loaders: [
{ test:/\.css$/,
loader: ExtractTextPlugin.extract({
fallback : 'style-loader',
use : 'css-loader'
})
문제 해결
4.webpack dev server Not allowed to load local resource
문제 해결: 참조된 CSS 및 JS는 상대 경로를 사용해야 하며 절대 경로를 사용할 수 없습니다.
5.Uncaught ReferenceError: webpackJsonp is not defined     at
문제 해결: 생성된 공용 Js는 개인 JS 위에 있어야 합니다.