砥砺前行

摘要： 脚手架创建react项目 确认node版本 查看node版本：node --version 顺便查看npm版本：npm --version 如果没有node版本，请安装node版本并配置相关的环境变量 安装Node只需要进入Node网站，进行响应版本的下载，然后进行双击安装就可以了。 Node中文网 阅读全文

摘要： npm install xxx: 安装项目到项目目录下，不会将模块依赖写入devDependencies或dependencies。 npm install -g xxx: -g是将模块安装到全局，具体安装到磁盘哪个位置，要看 npm cinfig prefix的位置 npm install -sa 阅读全文

摘要： ##js API 1.全局对象 NAN 非数字值的特殊值 infinity 代表正无穷的数据 undefined 2.函数属性 eval() 可计算某个字符串，并返回字符串的值 parseInt() 取整 parseFloat() 取浮点数 isNAN() 检查参数是否是非数字 isFinite() 阅读全文

摘要： 问题复原过程 创建react项目 npx create-react-app reacte-demo 下载的内容中node_modules中依赖的文件都有，但在package.json中没有依赖项，仅仅如下几个： { "name": "react-demo", "version": "0.1.0", 阅读全文

摘要： ###初见Less 传统写法 .conten ul { list-style: none; } .conten li { height: 24px; line-height: 25px; padding-left: 15px; background: url("arr.jpg") no-repeat 阅读全文

摘要： 多进程打包 进程启动大概为600ms，进程通信也有开销 如果开始进程，需配置：thread-loader0 { test: /\.js$/, exclude: /node_modules/, use: [ /** * 开始多进程打包 * 进程启动大概为600ms，进程通信也有开销。 * 只有工作消耗 阅读全文

摘要： tree shaking tree shaking: 去除无用代码 前提：1.必须使用ES6模块化 2.开始production环境 作用：减少代码体积 在package.json中配置 "sideEffects": false 所有代码都没有副作用（都可以进行tree shaking） 问题： 可 阅读全文

摘要： HMR热加载 如果需要开启HMR热加载功能，只需要在webpack.config.js中配置 /** * HMR: hot module replacement 热模块替换 / 模块热替换 * 作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块） * 极大的提升构建速度 * 样式文件 阅读全文

摘要： js语法检查 js语法检查插件：eslint-loader eslint js语法规则插件：eslint-config-airbnb-base eslint-plugin-import 安装eslint-loader eslint eslint-config-airbnb-base eslint-p 阅读全文

摘要： 样式处理 css-loader style-loader插件 安装css-loader style-loader npm install css-loader style-loader -D 在webpack.config.js中添加配置 // 详细loader配置 // 规则 css-loader 阅读全文