next-remove-imports

This is a plugin fornextjs. The default behavior is to remove all.less/.css/.scss/.sass/.styl imports from all packages in node_modules.

WarningCSS Imported by a Dependency#52

• https://github.com/uiwjs/react-md-editor/issues/52#issuecomment-848969341
• https://github.com/vercel/next.js/issues/9607
• Example:https://codesandbox.io/s/nextjs-example-react-md-editor-qjhn7?file=/pages/index.js
• Example:@uiwjs/next-remove-imports/example
• Example:https://next-remove-imports-example.vercel.app

Install

npminstall next-remove-imports# oryarnadd next-remove-imports

Usage

// next.config.mjsimportremoveImportsfrom'next-remove-imports'/**@type{function(import("next").NextConfig):import("next").NextConfig}} */const removeImportsFun=removeImports({// test: /node_modules([\s\S]*?)\.(tsx|ts|js|mjs|jsx)$/,// matchImports: "\\.(less|css|scss|sass|styl)$"});exportdefaultremoveImportsFun({webpack(config, options){return config},});

// next.config.jsconst removeImports=require('next-remove-imports')({options:{},})module.exports=removeImports()

// next.config.jsconst removeImports=require('next-remove-imports')()module.exports=removeImports({webpack(config, options){return config},});

// next.config.jsconst removeImports=require('next-remove-imports')({test:/node_modules([\s\S]*?)\.(tsx|ts|js|mjs|jsx)$/,matchImports:"\\.(less|css|scss|sass|styl)$"});module.exports=removeImports({webpack(config, options){return config},});

// next.config.jsconst removeImports=require('next-remove-imports')();module.exports=(phase,{ defaultConfig})=>{returnremoveImports({...defaultConfig});};

Options

exporttypePluginOptions={/**   * @default "/node_modules([\s\S]*?)\.(tsx|ts|js|mjs|jsx)$/"   */  test?: RegExp;/**   * @default "\\.(less|css|scss|sass|styl)$"   */  matchImports?:string;}

License

Licensed under the MIT License.