{"id":20121,"library":"ify-loader","title":"ify-loader","description":"Webpack loader that automatically applies browserify transforms to dependencies via package.json browserify.transform field. Version 1.1.0 is the latest release; the project is in experimental/stable state with low release cadence. Unlike transform-loader, ify-loader reads transforms from each dependency's package.json, eliminating manual configuration for each transform in complex projects. Specifically aimed at Webpack users migrating from browserify or maintaining hybrid projects that rely on browserify transforms in node_modules.","status":"active","version":"1.1.0","language":"javascript","source_language":"en","source_url":"git://github.com/hughsk/ify-loader","tags":["javascript","ify","browserify","loader","webpack"],"install":[{"cmd":"npm install ify-loader","lang":"bash","label":"npm"},{"cmd":"yarn add ify-loader","lang":"bash","label":"yarn"},{"cmd":"pnpm add ify-loader","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Webpack loader utility for query parameters","package":"loader-utils","optional":false}],"imports":[{"note":"Used in webpack config, not imported in source code.","wrong":"loader: require.resolve('ify-loader')","symbol":"ify-loader","correct":"loader: 'ify-loader'"}],"quickstart":{"code":"// webpack.config.js\nmodule.exports = {\n  module: {\n    loaders: [\n      // Apply to all dependencies in node_modules\n      {\n        test: /node_modules/,\n        loader: 'ify-loader'\n      },\n      // Or apply to your own source to pick up local browserify transforms\n      {\n        test: /\\.js$/,\n        loader: 'ify-loader',\n        enforce: 'post'\n      }\n    ]\n  }\n};\n\n// package.json (in your project or a dependency)\n{\n  \"browserify\": {\n    \"transform\": [\"glslify\", \"brfs\"]\n  }\n}","lang":"javascript","description":"Webpack configuration applying ify-loader to node_modules and your project, with package.json browserify.transform example."},"warnings":[{"fix":"Use 'enforce: post' when applying to your own project's .js files.","message":"Adding ify-loader without 'enforce: post' may cause conflicts with other loaders that transform source files.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"If using Webpack 2+, consider using a different loader or manually converting to rule syntax.","message":"ify-loader only works with Webpack 1.x loaders syntax (module.loaders). Not compatible with Webpack 2+ module.rules.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Test with your target Webpack/Node versions; consider alternatives if issues arise.","message":"ify-loader uses experimental stability badge; no major updates since initial release. May not support newer Webpack or Node.js versions.","severity":"deprecated","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run npm install --save-dev ify-loader in the project root.","cause":"ify-loader not installed in the project where webpack runs.","error":"Error: Cannot find module 'ify-loader'"},{"fix":"Downgrade to Webpack 3 or use a wrapper that polyfills loader-utils.","cause":"Webpack 4+ removed loaderUtils.parseQuery; ify-loader uses older API.","error":"Module build failed: TypeError: loaderUtils.parseQuery is not a function"},{"fix":"Change to module.rules and adjust syntax: { test: /node_modules/, use: ['ify-loader'] }.","cause":"Webpack 2+ uses module.rules, not module.loaders.","error":"Invalid configuration object. configuration.module has an unknown property 'loaders'."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}