Registry / devops / awesome-prettier-loader

awesome-prettier-loader

JSON →
library1.0.0jsnpmunverified

A webpack loader that runs Prettier on source files during the build process, supporting webpack 2-4, .prettierignore, webpack-dev-server live reloading, and Vue, TypeScript, and CSS files. Version 1.0.0 is the latest stable release. It serves as an alternative to prettier-loader with additional support for .prettierignore and better integration with webpack-dev-server. Low maintenance activity, with no recent updates.

devops
npm install awesome-prettier-loader
github ↗package ↗homepage ↗
INSTALL
IMPORT
SIG · AWESOME-PRETTIER-L
A
awesome-prettier-loader
devopsjavascriptv1.0.0
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

awesome-prettier-loader
✓ module.exports = { module: { rules: [{ test: /\.js$/, use: ['babel-loader', 'awesome-prettier-loader'] }] } }
✗ module.exports = { module: { rules: [{ test: /\.js$/, use: 'awesome-prettier-loader' }] } }
This is a webpack loader, not a JS module. It must be used in the 'use' array of a rule, typically alongside other loaders like babel-loader. Do not use it as the only loader unless you only want formatting.
require('awesome-prettier-loader')
✓ const awesomePrettierLoader = require('awesome-prettier-loader');
✗ import awesomePrettierLoader from 'awesome-prettier-loader';
CommonJS require is expected for webpack config files. ESM import may not work in Node.js unless using a transpiler.

Configures webpack to run Prettier via awesome-prettier-loader on JS files before babel-loader.

// webpack.config.js const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: ['babel-loader', 'awesome-prettier-loader'] } ] } };
Debug
Known issues
gotchaLoader order matters: place awesome-prettier-loader after other loaders (e.g., babel-loader) to format the original source, not the transpiled output.
fix
Arrange loaders in the 'use' array so that awesome-prettier-loader runs first or last as intended. Typically, it should be the last (rightmost) loader.
affects: >=1.0.0
gotchaDoes not support webpack 1. Ensure your webpack version is 2-4.
fix
Upgrade webpack to version 2 or higher.
affects: >=1.0.0
deprecatedNo updates since initial release; may lack support for newer Prettier versions or webpack 5.
fix
Consider using prettier-loader or eslint-plugin-prettier for active maintenance.
affects: >=1.0.0
Errors
Common errors & fixes
Error: Cannot find module 'awesome-prettier-loader'
Package not installed or missing from node_modules.
fix
Run 'npm install awesome-prettier-loader --save-dev' or 'yarn add awesome-prettier-loader --dev'.
Module build failed: Error: Cannot find module 'prettier'
Prettier is not installed as a peer dependency.
fix
Run 'npm install prettier --save-dev' or 'yarn add prettier --dev'.
Upgrade
Version history
1.0.0latest on npm
Audit
Dependencies
prettieroptionalPeer dependency required for formatting
Agent activity
10 hits · last 30 days
node
8
OpenAI (training)
1
Resources
githubhttps://github.com/rchaser53/prettier-loader ↗
packageawesome-prettier-loader ↗
homepagehttps://github.com/rchaser53/prettier-loader#readme ↗
awesome-prettier-loader — npm install awesome-prettier-loader · libregistry