import style from "./index.less" 如何把样式文件 导出在js文件中使用 已经安装依赖less-loader

当你使用`import style from "./index.less"`这样的语句时，Node.js环境（比如Webpack或者其他模块打包工具配合less-loader）会处理`.less`文件。这个过程被称为模块加载，它会编译`.less`文件中的Less语法，并将其转换为普通的CSS样式。

以下是步骤：

1. 首先，确认你的`.less`文件中有定义的样式，比如：

   .example-class {
     color: red;
   }

2. 然后在你的`.js`文件中，使用`import`语句引入样式：

   import './index.less';

这样做会在编译时（比如运行`npm run build`或`yarn build`），将`.less`文件编译成`.css`文件，并且这个CSS内容会被插入到当前的JavaScript作用域中，你可以像操作普通CSS一样使用它。

3. 如果你想在某个特定的地方使用这些样式，只需通过变量名引用：

   const styles = document.head.querySelector('#styles');
   styles.innerHTML = style.toString();
   // 或者如果你使用的是CSS-in-JS库（如styled-jsx）
   const ExampleComponent = styled.div`
     ${style.exampleClass};
   `;