什么是 css-modules-loader-core？
css-modules-loader-core 是一个用于加载和解析 CSS 模块的 npm 包。它可以帮助前端开发人员更好地管理样式，避免全局命名冲突等问题。
安装
安装 css-modules-loader-core 的方法如下：
npm install css-modules-loader-core --save-dev
如何使用
在 Webpack 中使用
首先，在 webpack.config.js 文件中配置 loader：
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- ---------
---- -
---------------
------------
-
-
-
-
-然后，使用 css-modules-loader-core 替代 css-loader：
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
----- -------------- - ---
-------------- - -
------- -
------ -
-
----- ---------
---- -
---------------
-
------- -------------
-------- -
-------- -
-------------- --------- --------------- ---------- -- -
----- ---- - ---------------------------------------------------------------------------------------- ---
------ -----------------------
--
----------------------- ---------------
--
-------------- --
----------------- ----------------
---------- -----
--------- ------
------- ------
---- ------
----------- -----
-------------- -----
-------- -
----- -------------- -- -
-- ------------------------------------ -
------ ---------
-
------ --------
--
-------------- ----
--
-------------- --------- --------------- ---------- -- -
----- ---- - ---------------------------------------------------------------------------------------- ---
------ -----------------------
--
----------------- ----------------
---------- -----
-------------- --
-
-
-
-
-
-
--在 JavaScript 中使用
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
----- -------------- - ---
----- --- - -
------- -
----------------- -----
-
--
----- ------ - --- -------------------------------------
---------------- -------------------- ------- ------- -- -
-- ------- -
---------------------
- ---- -
--------------------
-
---示例代码
Webpack 配置示例
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
-------------- - -
------- -
------ -
-
----- ---------
---- -
---------------
-
------- -------------
-------- -
-------- -
-------------- --------- --------------- ---------- -- -
----- ---- - ---------------------------------------------------------------------------------------- ---
------ -----------------------
--
----------------------- ---------------
--
-------------- --
----------------- ----------------
---------- -----
--------- ------
------- ------
---- ------
----------- -----
-------------- -----
-------- -
----- -------------- -- -
-- ------------------------------------ -
------ ---------
-
------ --------
--
-------------- ----
--
-------------- --------- --------------- ---------- -- -
----- ---- - ---------------------------------------------------------------------------------------- ---
------ -----------------------
--
----------------- ----------------
---------- -----
-------------- --
-
-
-
-
-
-
--JavaScript 示例代码
const CssModulesLoaderCore = require('css-modules-loader-core');
const css = `
.button {
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/46502) ，转载请注明来源
[https://www.javascriptcn.com/post/46502](https://www.javascriptcn.com/post/46502)