开发者学堂课程【React 入门与实战：在项目中为 scss 或 less 文件启用模块化1】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/585/detail/8115
在项目中为 scss 或 less 文件启用模块化
目录
一、思考第三方样式表达问题，如何做
一、思考第三方样式表达问题，如何做
1、先安装 cnpm i bootstrap@3.3.7-S版本，再使用
2、按钮键的代码设置：
（1）
按钮
{this .state .Comment List .map(item => )}（会有类名）
（2）
按钮
{this .state .Comment List. map(item =>)}
执行结果：
3、Bootstrap 样式表代码设置：
import css obj from '@/css/cmtlist.css'
console.log(css obj);
//如果在引用某个包的时候，这个包被安装到了 node_ modules 目录中
//则可以省略 node_ modules 这一层目录，直接以包名开始引入自己的模块或样式表当中。
//自己规定： 第三方的 样式表，都是以，css 结尾，这样，我们不要为 普通的，css 启用模块化
import boot css from 'bootstrap/dist/css/bootstrap .css
4、字体图标文件处理：
//有个固定的参数，叫做 modules ,表示为普通的 CSS 样式表，启用模块化；
{ test: /.css$/, use:['style-loader','css-loader ?modules& local Ident Name =[path][name]-[local]-[hash:5]']},
/打包处理 CSS 样式表的第三方
{ test: /\.ttflwofflwoff2leotIsvg$/ , use: 'url-loader' },
/打包处理字体文件
5、loader 的安装：
cnpm i ur1-loader -D
如果需要生效，需要重新启动服务器。
6、如何解决已经启动的模块化，避免重复
（1）如果在引用某个包的时候，这个包被安装到了 node_ modules 目录中,则可以省略 node_ modules 这一层目录，直接以包名开始引入自己的模块或样式表；
（2）自己规定:第三方的样式表，都是以 .css 结尾，这样就不要为普通的.css 启用模块化；自己的样式表，都要以 .scss 或 .less 结尾，只为 .scss 或 .less 文件启用模块化。
import bootcss from 'bootstrap/dist/css/bootstrap.css'
console.log(boot css)
（3）改过自己的样式表之后：
import React from 'react'
import css obj from '@/css/cm titem. sess
'console.log(css obj);
export default function Cm tItem(props){
return
评论人: {props .user}
评论内容:{props. content}
