Webpack Dev Server的一些常用配置参数：

host：指定服务器的主机名，默认为 localhost。

port：指定服务器运行的端口号，默认为 8080。

contentBase/publicPath：指定静态文件的路径。contentBase参数用于指定提供文件的根目录，而publicPath则用于指定浏览器请求资源的基础路径。默认情况下，两个参数都指向项目根目录。

hot：启用热模块替换（Hot Module Replacement），允许在不刷新整个页面的情况下更新模块。值为true或false。

historyApiFallback：启用 HTML5 的历史记录 API ，解决使用单页应用时路由跳转404问题。值为true或false。

cnpm 是淘宝镜像提供的 npm 命令行工具，用于加速 npm 包的下载和安装。以下是如何使用 cnpm：

安装 cnpm：您可以通过以下命令全局安装 cnpm。

1

npm install -g cnpm --registry=https://registry.npm.taobao.org

执行上述命令时，将从淘宝镜像下载 cnpm 并安装在全局环境中。

使用 cnpm：现在，您可以使用 cnpm 来代替 npm 来安装依赖项，例如：

1.npm i -D

“npm i -D”是npm install命令的简写，其中”-D”是”–save-dev”的缩写，表示将包安装为开发依赖项(devDependencies)。

开发依赖项是指在开发过程中需要但不需要在生产环境中运行的依赖项。例如，测试库、构建工具和代码检查器等。这些依赖项通常只需要在开发时使用，并且在项目构建或打包时不会添加到最终生成的产品中。

通过在”npm i -D”命令中使用”-D”选项，可以将包保存到package.json文件中的devDependencies对象中。这意味着在运行 “npm install” 命令时，这些包将被自动安装，并且只在开发环境中可用。

示例：如果您要安装一个名为”jest”的测试库作为开发依赖项，您可以使用以下命令：

1

npm i -D jest

这将安装jest并将其添加到package.json文件中的devDependencies对象中。

孩子的成长及绘画的作用

成人的画和孩子的画有何不同

美术教育应该是顺应孩子的身心发展规律培养孩子画出属于自己的作品。

1. 学龄前儿童的画是需要倾听的
2. 学龄前儿童画画不是为了兴趣
3. 对于学龄前儿童，绘画是身心发展过程中不可或缺的一种劳动形式
4. 学龄前儿童用绘画而不是文字来表达
5. 绘画反映了儿童的人格
   阅读全文 »

Webpack+Babel入门与实例详解

姜瑞涛

36个笔记（微信读书只能试读前两章，第三章开始笔记是自己手敲的）

第1章 Webpack入门

执行如下命令，该命令是Webpack 5的命令行打包命令。[插图]上面命令的作用：从a.js文件开始，按照模块引入的顺序把所有代码打包到一个JS文件里，这个文件的默认名称是main.js。Webpack会自动处理打包后代码的顺序与依赖关系。–entry用来指定打包入口文件，-o是out的意思，表示输出目录，这里使用dist目录作为打包后的输出目录。注意，webpack是打包命令，后面的内容是打包参数。

Webpack的打包模式共有三种：production、development和none，这三种模式是通过mode参数来指定的。production和development这两种模式会分别按照线上生产环境和本地开发环境进行一些优化处理，而none模式会保留原始的打包结果。例如，production模式是给生产环境打包使用的，打包后的bundle.js文件代码是压缩后的