Как игнорировать обработку папки в Webpack в приложении NativeScript

Question

У меня есть папка внутри project-root/app dir, которая содержит файлы HTML / CSS / JS, на которые ссылается элемент управления WebView. Проблема в том, что Webpack обрабатывает эту папку и сообщает о многих ошибках. Как это игнорировать? Спасибо.

Вот одна из ошибок (папка bg должна игнорироваться Webpack):

ERROR in ./bg/assets/css/styles.css
Module not found: Error: Can't resolve '@angular/material/prebuilt-themes/deeppurple-amber.css' in '~\app\bg\assets\css'
 @ ./bg/assets/css/styles.css 1:87-152 2:86-151
 @ . sync (?<!\bApp_Resources\b.*)(?<!\.\/\btests\b\/.*?)\.(xml|css|js|kt|(?<!\.d\.)ts|(?<!\b_[\w-]*\.)scss)$
 @ ./app.ts

Answer 1

Вы можете настроить конфигурацию веб-пакета, чтобы исключить определенные файлы или папки из пакета. Существуют различные способы сделать это, я бы использовал игнорируемый плагин

. В вашем webpack.config.js, в массиве plugins добавьте следующее

plugins: [
            new webpack.IgnorePlugin(/bg\/assets\/css/),
            // Define useful constants like TNS_WEBPACK
            new webpack.DefinePlugin({
                "global.TNS_WEBPACK": "true",
                "process": "global.process",
            }),

Это исключит все файлы из Speci c папка.