/* locals.css */.local {}.local-1 {}

/* locals.css.d.ts */interfaceILocals{'local':string;'local-1':string;[name:string]:string;}declareconstlocals:ILocals;export=locals;

/* app.ts */import*aslocalsfrom'./locals.css';console.log(locals.local);console.log(locals['local-1']);

API

npm install -D @nice-labs/typed-css-modules

import*asfsfrom'fs';import{promisify}from'util';import{getModuleTokens,createTypeHint}from'@nice-labs/typed-css-modules';constreadFile=promisify(fs.readFile);asyncfunctionmain(){constsource=awaitreadFile('locals.css');consttokens=awaitgetModuleTokens(source);// ["local", "local-1"]consttypeHint=createTypeHint(tokens);// d.ts file content}main();

Webpack loader integrated

// webpack.config.tsimportwebpackfrom"webpack";import*asTypedCSSModulesfrom"@nice-labs/typed-css-modules";constconfigure:webpack.Configuration={module：{rules:[// ...{test:/\.css$/,use:[[TypedCSSModules.loader,{mode:"local",// "local" | "global" (default is "local")camelCase:false// boolean (default is false)}],require.resolve("postcss-loader"),]}// ...]}};exportdefaultconfigure;

Webpack plugin integrated

// webpack.config.tsimportTypedCSSModulesPluginfrom'@nice-labs/typed-css-modules';constconfigure:webpack.Configuration={plugins:[// ...newTypedCSSModulesPlugin({mode:'local',// "local" | "global" (default is "local")camelCase:false,// boolean (default is false)filesPattern:'./src/**/*.css',// string | string[] (default is "./src/**/*.css")}),// ...],};exportdefaultconfigure;

License