sebastians90 / webpack-polyfill-injector Goto Github PK

yarn add webpack-polyfill-injector@beta --dev
npm install webpack-polyfill-injector@beta --save-dev

<e> [webpack-dev-middleware] HookWebpackError: [webpack-polyfill-injector] The plugin must be used together with the loader!
<e>     at makeWebpackError (/media/workspace/drivenow-frontend/node_modules/webpack/lib/HookWebpackError.js:49:9)
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:2198:11
<e>     at eval (eval at create (/media/workspace/drivenow-frontend/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:22:1)
<e>     at runMicrotasks (<anonymous>)
<e>     at processTicksAndRejections (internal/process/task_queues.js:97:5)
<e> -- inner error --
<e> Error: [webpack-polyfill-injector] The plugin must be used together with the loader!
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack-polyfill-injector/src/plugin.js:27:27
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:486:8
<e>     at fn (/media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:426:19)
<e>     at Hook.eval [as callAsync] (eval at create (/media/workspace/drivenow-frontend/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:17)
<e>     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/media/workspace/drivenow-frontend/node_modules/webpack/node_modules/tapable/lib/Hook.js:18:14)
<e>     at cont (/media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:2195:33)
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:2241:9
<e>     at /media/workspace/drivenow-frontend/node_modules/neo-async/async.js:2830:7
<e>     at done (/media/workspace/drivenow-frontend/node_modules/neo-async/async.js:2865:11)
<e>     at /media/workspace/drivenow-frontend/node_modules/neo-async/async.js:2818:7
<e> caused by plugins in Compilation.hooks.processAssets
<e> Error: [webpack-polyfill-injector] The plugin must be used together with the loader!
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack-polyfill-injector/src/plugin.js:27:27
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:486:8
<e>     at fn (/media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:426:19)
<e>     at Hook.eval [as callAsync] (eval at create (/media/workspace/drivenow-frontend/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:17)
<e>     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/media/workspace/drivenow-frontend/node_modules/webpack/node_modules/tapable/lib/Hook.js:18:14)
<e>     at cont (/media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:2195:33)
<e>     at /media/workspace/drivenow-frontend/node_modules/webpack/lib/Compilation.js:2241:9
<e>     at /media/workspace/drivenow-frontend/node_modules/neo-async/async.js:2830:7
<e>     at done (/media/workspace/drivenow-frontend/node_modules/neo-async/async.js:2865:11)

"x" === function() {}.name

const HtmlWebPackPlugin = require("html-webpack-plugin");
const webpack = require('webpack');
const path = require('path');
const PolyfillInjectorPlugin = require('webpack-polyfill-injector');

module.exports = {
    entry: ['./src/index.js'],
  output: {
    path: path.resolve(__dirname, "public"), // string
    filename: "desktop.js"
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules\/(?!(dom7|ssr-window|swiper)\/).*/,
        use: {
          loader: "babel-loader?presets[]=es2015"
        }
      },
     

      {
        test: /\.(gif|png|jpe?g|svg|jpg)$/i,
        use: [
          {
            loader: 'file-loader',
            options: {
              context: 'src',
              name: '[path][name].[ext]',
              outputPath: '/'
            }  
          }
        ]
      },


      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      },

      

      {
        test: /\.html$/,
        use: [
          {
            loader: "html-loader",
            options: { minimize: true }
          }
        ]
      }
    ]
  },
  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "./index.html"
    }),
    

    new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
      })
  ]
};

npm : npm WARN deprecated [email protected]: Please replace with usage of fs.existsSync
At line:1 char:1
+ npm install
+ ~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (npm WARN deprec...f fs.existsSync:String) [], RemoteException
    + FullyQualifiedErrorId : NativeCommandError
 
npm
 
WARN
 
deprecated
 [email protected]: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update! 


> [email protected] postinstall D:\cot\EDelivery\EDelivery\EDelivery.Injected.AspCore.MvcApp\node_modules\polyfill-library
> npm run build


> [email protected] build D:\cot\EDelivery\EDelivery\EDelivery.Injected.AspCore.MvcApp\node_modules\polyfill-library
> npm run clean && node tasks/node/updatesources && node tasks/node/buildsources


> [email protected] clean D:\cot\EDelivery\EDelivery\EDelivery.Injected.AspCore.MvcApp\node_modules\polyfill-library
> rimraf ./polyfills/__dist

Updating third-party polyfills...
_TypedArray: No change
~html5-elements: No change
atob: No change
AudioContext: No change
EventSource: No change
fetch: Polyfill updated, replacing old version
  from ..\whatwg-fetch\fetch.js
 * Running module-specific update task update.task.js
HTMLPictureElement: No change
Intl: No change
JSON: No change
MutationObserver: No change
Promise: No change
UserTiming: No change
WebAnimations: No change
Polyfills updated successfully
Writing compiled polyfill sources to D:\cot\EDelivery\EDelivery\EDelivery.Injected.AspCore.MvcApp\node_modules\polyfill-library\polyfills\__dist/...
Waiting for files to be written to disk...
Sources built successfully
added 123 packages from 94 contributors and audited 9050 packages in 113.717s
found 0 vulnerabilities

"dependencies": {
    "@babel/polyfill": "7.2.5",
    "@dashboardcode/bsmultiselect": "0.2.19",
    "bootstrap": "4.2.1",
    "bootstrap-daterangepicker": "3.0.3",
    "datatables.net": "1.10.19",
    "datatables.net-bs4": "1.10.19",
    "jquery": "3.3.1",
    "jquery-validation": "1.19.0",
    "jquery-validation-unobtrusive": "3.2.11",
    "popper.js": "1.14.6",
    "source-map": "^0.7.3"
  },
  "devDependencies": {
    "@babel/cli": "7.2.3",
    "@babel/core": "7.2.2",
    "@babel/node": "7.2.2",
    "@babel/plugin-external-helpers": "7.2.0",
    "@babel/plugin-transform-modules-umd": "7.2.0",
    "@babel/plugin-transform-spread": "7.2.2",
    "@babel/preset-env": "7.2.3",
    "@babel/preset-typescript": "7.1.0",
    "@types/bootstrap": "^4.2.0",
    "@types/jquery": "3.3.29",
    "@types/node": "10.12.18",
    "@types/webpack-env": "1.13.6",
    "autoprefixer": "9.4.5",
    "babel-loader": "8.0.5",
    "babel-plugin-transform-class-properties": "6.24.1",
    "babel-plugin-transform-remove-import": "1.0.0",
    "bundlesize": "^0.17.0",
    "clean-webpack-plugin": "1.0.0",
    "cross-env": "^5.2.0",
    "css-loader": "2.1.0",
    "del": "^3.0.0",
    "expose-loader": "0.7.5",
    "file-loader": "3.0.1",
    "gulp": "^4.0.0",
    "html-loader": "0.5.5",
    "html-webpack-plugin": "3.2.0",
    "import-loader": "1.0.1",
    "material-design-icons": "3.0.1",
    "mini-css-extract-plugin": "0.5.0",
    "node-sass": "4.11.0",
    "npm-run-all": "4.1.5",
    "optimize-css-assets-webpack-plugin": "5.0.1",
    "postcss-cli": "6.1.1",
    "postcss-loader": "3.0.0",
    "precss": "4.0.0",
    "resolve-url-loader": "3.0.0",
    "sass": "^1.16.0",
    "sass-loader": "7.1.0",
    "script-loader": "0.7.2",
    "source-map-explorer": "1.6.0",
    "source-map-loader": "0.2.4",
    "style-loader": "0.23.1",
    "typescript": "3.2.2",
    "uglifyjs-webpack-plugin": "2.1.1",
    "url-loader": "1.1.2",
    "webpack": "4.28.4",
    "webpack-bundle-analyzer": "3.0.3",
    "webpack-cli": "3.2.1",
    "webpack-manifest-plugin": "2.0.4",
    "webpack-merge": "4.2.1",
    "webpack-polyfill-injector": "3.0.1"
  },

-rw-r--r--  1 amirraminfar  staff   152K Jan  4 07:57 details-page.js
-rw-r--r--  1 amirraminfar  staff    29K Jan  4 07:57 index.js
-rw-r--r--  1 amirraminfar  staff   7.9K Jan  4 07:57 manifest.js
-rw-r--r--  1 amirraminfar  staff    12K Jan  4 07:57 polyfills.001.js
-rw-r--r--  1 amirraminfar  staff   1.0K Jan  4 07:57 polyfills.010.js
-rw-r--r--  1 amirraminfar  staff    13K Jan  4 07:57 polyfills.011.js
-rw-r--r--  1 amirraminfar  staff   4.8K Jan  4 07:57 polyfills.100.js
-rw-r--r--  1 amirraminfar  staff    17K Jan  4 07:57 polyfills.101.js
-rw-r--r--  1 amirraminfar  staff   5.7K Jan  4 07:57 polyfills.110.js
-rw-r--r--  1 amirraminfar  staff    18K Jan  4 07:57 polyfills.111.js
-rw-r--r--  1 amirraminfar  staff   129B Jan  4 07:57 styles.js
-rw-r--r--  1 amirraminfar  staff   561K Jan  4 07:57 vendor.js

(function () {
    if ( typeof NodeList.prototype.forEach === "function" ) return false;
    NodeList.prototype.forEach = Array.prototype.forEach;
})();

module.exports = {
    entry: {
        app: `webpack-polyfill-injector?${JSON.stringify({
            modules: ['./src/index.es8.js'] 
        })}!` 
    },
    output: {
        path: outputFolderPath,
        filename: '[name].js'
    },
    plugins: [
        new PolyfillInjectorPlugin({
            polyfills: [
                'Element.prototype.closest',
                'Element.prototype.classList'
            ]
        }),
        new ManifestPlugin(),
        new CleanPlugin(outputFolderPath, { verbose: false }),
        extractCSS
    ],
    module: {
        rules: [



            {
                // MANAGE DEPENDENCY. METHOD 2. Manage dependencies at run-time. Adds modules to the global object
                // https://github.com/webpack-contrib/expose-loader
                // exposes $, jQuery, window.$, window.jQuery on global level;
                test: require.resolve('jquery'),
                use: [{
                    loader: 'expose-loader',
                    options: 'jQuery'
                }, {
                    loader: 'expose-loader',
                    options: '$'
                }]
            },

            {
                test: /\.(scss)$/,
                use:
                    extractCSS.extract({
                        fallback: 'style-loader',
                        use:
                            [
                                {
                                    loader: 'css-loader'   // translates CSS into CommonJS JavaScript modules
                                }, {
                                    loader: 'postcss-loader', // run post css actions (here autoprefixer)
                                    options: {
                                        sourceMap: true,
                                        plugins: function () {
                                            return [
                                                require('precss'),
                                                require('autoprefixer') // adds "vendor's" prefixes e.g. -webkit-input-placeholder , -ms-input-placeholder etc.
                                            ];
                                        }
                                    }
                                }, {
                                    loader: 'sass-loader', options: {
                                        sourceMap: true
                                    } // compiles Sass to CSS
                                }]
                    })

            },
            {
                test: /\.ts$/,
                "loader": 'awesome-typescript-loader'
            },
            {
                test: /\.(woff2|woff|ttf|svg|png)$/,
                use: 'url-loader'
            },
            {
                test: /\.(es8)\.(js)$/,
                include: /src/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader",
                    options: {
                        babelrc: false,
                        presets: [
                            ["@babel/env",
                                {
                                    "targets": {
                                        "browsers": ["last 2 chrome versions", "ie 11", "safari 11", "edge 15", "firefox 59"]
                                    },
                                    "debug": true
                                }
                            ]
                        ]
                    }
                }
            },

            {
                include: /src/,
                exclude: /node_modules/,
                test: /global\.js$/,
                use: {
                    loader: "script-loader"
                }
            }
        ]
    }
};

ghost@vdeb:~/dev/precursor$ npm install webpack-polyfill-injector --save-dev
npm WARN deprecated [email protected]: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

> [email protected] preinstall /home/ghost/dev/precursor/node_modules/.staging/zlib-e6ec4d4d
> node-waf clean || true; node-waf configure build

sh: 1: node-waf: not found
sh: 1: node-waf: not found
/home/ghost/dev/precursor
└── (empty)

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.1.2 (node_modules/watchpack/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.1.2 (node_modules/webpack-dev-server/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of ajv@^6.0.0 but none was installed.
npm ERR! Linux 4.9.0-6-amd64
npm ERR! argv "/home/ghost/local/bin/node" "/home/sharki/local/bin/npm" "install" "webpack-polyfill-injector" "--save-dev"
npm ERR! node v6.11.4
npm ERR! npm  v3.10.10
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn

npm ERR! [email protected] preinstall: `node-waf clean || true; node-waf configure build`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] preinstall script 'node-waf clean || true; node-waf configure build'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the zlib package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node-waf clean || true; node-waf configure build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs zlib
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls zlib
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/ghost/dev/precursor/npm-debug.log
npm ERR! code 1

 new PolyfillInjectorPlugin([{
        polyfills: ['Promise'],
        service:'./js/promise.min.js'
    }, 
    {
        polyfills: [
            'String/prototype/startsWith',
        ],
    }])

{
   output: {
      publicPath: ''
   }
}