Управление слоями не видно Webpack 4 - PullRequest
0 голосов
/ 12 мая 2018

Я использую ngx-leaflet с webpack 4, и у меня возникла проблема с отображением изображения слоев управления. Значки маркера по умолчанию отображаются нормально, так как я использую имя значка импорта из «leaflet / dist / images / layer.png» и т. Д., Используя загрузчик файлов. В проекте не используется интерфейс командной строки и используется автономный веб-пакет 4. Если я возьму тот же код и использую его в угловом проекте CLI, значок хорошо отобразится после выполнения настройки ресурса в разделе «Обход углового маркера CLI». Что мне не хватает? Что мне нужно, чтобы этот значок отображался без использования интерфейса командной строки? Я не получаю ошибок в инструментах разработчика, и кажется, что layer.png запрашивается в сетевом трафике.

Вот конфиг веб-пакета:

"use strict";

var path = require('path');
var webpack = require('webpack');

var ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
var HappyPack = require('happypack');

module.exports = {
    mode: 'development',
    devtool: 'inline-source-map',
    entry:
            {
                polyfills: './src/polyfills.ts',                
                app: './src/main.ts'
            },
    output:
            {
                filename: '[name].js',
                chunkFilename: '[name]-chunk.js',
                publicPath: './dist/',
                path: path.resolve(__dirname, 'dist')
            },
    module: {
        rules: [              
              {
                  test: /\.html$/,
                  use: 'raw-loader'
              },
              {
                  test: /\.tsx?$/,
                  loaders: [
                            {
                                loader: 'cache-loader'
                            },
                            {
                                loader: 'happypack/loader'
                            },
                            {
                                loader: 'angular-router-loader'
                            }
                            ]
              },
              {
                  test: /\.(png|jpg|svg)$/,
                  use:
                  [
                      {
                          loader: 'file-loader',
                          options: 
                              {
                                  name: '[name].[ext]',
                                  outputPath: 'assets/'
                              }
                      }
                  ]
              }              
        ]
    },    
    plugins: [
                new webpack.ContextReplacementPlugin(/\@angular(\\|\/)core(\\|\/)esm5/, path.join(__dirname, './src')),
                new ForkTsCheckerWebpackPlugin({}),
                new HappyPack({
                    threads: 2,
                    loaders:
                        [
                            {
                                loader: 'ts-loader',
                                options: { transpileOnly: true, happyPackMode: true }
                            }
                        ]
                })        
    ]    
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...