Webpack 4 html-части разрешают изображения в файлах - PullRequest
Новая
       19

Webpack 4 html-части разрешают изображения в файлах

1 голос
/ 12 апреля 2019

Я новичок в вебпаке, следовал инструкциям в этой ссылке https://github.com/hardikkaji/angularjs-es6-starter-kit

Я использую webpack 4 с угловой 1.7

Я не могу разрешить изображения.

ОШИБКА в ./node_modules/angular-datatables/demo/basic/overrideLoadingTpl.html Модуль не найден: Ошибка: невозможно разрешить './images/loading.gif' в '/ home / user / workspace / webpack / angular-webpack / node_modules / angular-datatables / demo / basic'

Мой webpack.config.js ниже 

<br>
const config = {
    mode: devMode ? 'development' : 'production',
    entry: {
        'vendor': './frontend/vendor.module.js', //seperates all 3rd party plugins like ui-router, retstangualr etc 
        'app': './frontend/index.main.js' //main entry point for angular js
    },
    devtool: devMode ? 'source-map': 'none',
    output: {
        filename: elixirConfig.js.outputFolder + '/[name].[hash].bundle.js',
        //filename: 'libs/[name].[hash].bundle.js', //where to store the generated files all files will be generated inside a folder called libs
        //path: path.resolve(__dirname, 'build')
        path: path.resolve(__dirname, elixirConfig.buildPath)
    },
    module: {
        rules: [
            {
                test: /.js$/, //check for file that ends with .js extension
                exclude: /node_modules/, //do not check for files inside node_modules folder
                loader: ['ng-annotate-loader', 'babel-loader'],
                //presets: ['es2016'],
            },
            {
                test: /.(scss)$/, //check for files that end with scss
                use: [
                    devMode ? { loader: "style-loader" } : MiniCssExtractPlugin.loader,
                    { loader: "css-loader", options: { minimize: true } },
                    { loader: "sass-loader" },
                ]
            },
            // for fixing of loading bootstrap icon files
            {
                test: /.(png|jpg|jpeg|gif|svg|woff|woff2)$/,
                loader: 'url-loader?limit=10000',
                options: {
                    name: './fonts/[name].[ext]'
                }
            },
            {
                test: /.(woff(2)?|ttf|eot|svg)(\?v=\d+.\d+.\d+)?$/,
                loader: 'file-loader',
                options: {
                    name: './fonts/[name].[ext]'
                }
            },
            { test: /.html$/, include: /node_modules/, loader: 'html-loader' },
        ]
    },
...