柒月

上传npm包的时候，my_cli已经存在了，需要改个名称，所以加了一个demong后缀。而my_cli是我们配置的可执行的命令名称，在package.json的bin字段里。在第一个步骤的时候我们用npm link 将项目链接到本地执行的。作为demo，你可以使用我创建的这两个示例模板。中间可以根据自己的需求添加不同的流程，来创造属于你自己的脚手架。或者还有一些其他的你们公司自己的东西，比如说自己封装的axios库、自己的UI库等等。在用户选择模板后，请用户输入项目名称，如果没有输入，默认给一个。

在日常开发的时候，经常需要提交代码，之前一直是： git status git add . git commit -m ‘feat: xxx’ git push每次都要打这几句代码，终于烦透了！！！而且提交信息的feat、fix还有一堆的规范，老子记不住啊！！！要是能用一个命令+ 输入变更信息来搞定，不香吗？我习惯用Git 命令提交代码，如果是使用可视化界面操作的话，可能也差不多。所以今天花了一个下午捯饬了一下。基本上够用了。

原图

优化配置 1、HMR HMR：hot module replacement 热模块替换 作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块），极大提升构建速度。 样式文件：可以使用HMR功能，因为style-loader内部实现了。 JS文件：默认不能使用，需要修改JS代码，添加支持HMR功能的代码。 注意：HMR功能对js的处理，只能处理非入口js文件的其他文件。 html文件...

介绍 webpack是一种前端资源构建工具，一个静态模块打包器。 在webpack看来，前端所有的资源文件都会作为模块处理。它会根据模块的依赖关系进行静态分析，打包生成对应的静态资源。 五个核心概念 Entry ：入口文件，以入口为起点开始打包，分析构建内部依赖图。 Output ：出口，打包后的资源输出位置及命名。 Loader ： 使得webpack处理非JS文件 Plugins: 用于执行...

1、全局安装webpack cnpm install webpack@3.12 -g //查看版本号 webpack -v 这里我装的是3.12.0的版本。 2、创建一个文件夹webpackdemo,用来做测试的。 使用cnpm init 初始化一下，然后局部安装webpack。 cnpm i webpack@3.8 --save-dev 然后在目录文件夹下新建一个src文件夹，下新建一个...