ProvidePlugin引入方法：引用后只有在类库使用时，才按需进行打包，所以建议在工作使用插件的方式进行引入。 具体的对比操作，会在视频中演示，你会看出两种引入方法的对比打包结果。差距还是蛮大的。

红宝书第三十一讲：通俗易懂的包管理器指南：npm 与 Yarn资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、基础概念包管理器：帮你自动下载和管理第三方代码库（如React、Lodash）的工具 1。\核心作用：安装依赖：从公共仓库获取代码包版本管理：明确指定项目依赖的版本脚本自动化：快速执...

但从Angular2.x以来，JavaScript版本的官方文档就从未完整过，而ES6的QuickStart也从未在日程之内，这对初学者而言多少有点不太友好。虽然网上有ES6+Angular2.x的QuickStart，但是多少有点问题，而且跟Angular4有些不一样，也过时了。今天为了折腾Angular4到处找文档查资料，搞了好久才搞定一个“hello world”，实在有些...

node项目中最臭名昭著的莫过于node_modules文件夹，这个糟糕的结构动辄使你的文件数目增加几万甚至几十万，无论是安装还是删除，都要消耗大量时间，并且占据大量inode结点，我们随便进入一个react项目文件夹，看一下由于有node_modules会使你的项目中的文件个数变成多少：

我的解决方法就是改源码：antd-vue 版本 ^1.7.8源码位置 node_modules\ant-design-vue\es\vc-select\Select.js左右getDerivedState方法中200行左右

因为本身对脚手架有些许兴趣, 所以我就研究了, 然后还在编写lerna相关的文章, 喜欢的话就点个赞吧node 脚手架原理以vue-cli为例子 {代码...} 系统是怎么识别出来vue这个变量 通过which vue命令可以找到 {代码...} 进入npm目录我们可以看到 我们通过npm i -g [pageages]安装的都在该目录下打开vue.cmd文件(还有一个文件为...

最近搭建的 react 项目想引入 less ,并实现样式局部作用域化，但是在网上找了很多方法试过了都不行，最后打到解决方法，在此记下这惨痛的历程。

当安装的第三方模块都放在项目根目录下的./node_modules目录下时，没有必要按照默认的方式去一层层的寻找，可以指明存放第三方模块的绝对路径，以减少寻找。

(node:28340) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'customMiddleware' of undefined

因为es6比es5的代码更为适合编写程序,但是因为历史的原因,现在普遍的浏览器并不支持es6代码(普遍支持es5),即如果你写es6代码之后,在浏览器上运行出错,因为浏览器的javascript解析器无法解析es6代码

项目引入bricks基础组件库，并不是单独引入每一个所依赖的基础组件样式，而是在入口文件全局引入所有样式import '@casstime/bricks/lib/styles/bricks.scss';，这就导致一些没有被使用的组件样式被打包到最终产物中，需要对样式做树摇处理。

作者：NCUHOME-FED Flura的博客已经获得原作者授权 主要设置 创建项目 新建一个项目文件夹 npm init -y 初始化 package.json 安装 webpack 依赖包 npm install --save-dev webpack webpack-cli webpack-dev-server {代码...} 安装 Vue npm install vue {代码...} vue-loader webpack配置 参考官方文档-手动设置 {代码......

简介 读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度 更精准的loader规则 将loader规则写清楚 仅让需要处理的文件，进入loader处理环节，如下 {代码...} 更精准的查找目录 将查找路径设置精确 理论上我们项目的第三方依赖均应在自己的工程的node_modules下，所以我...

webpack的使用 为什么使用webpack 1.前端需要工程化 工程化的概念： 小作坊 -> 流水线流水线的特点：自动化，模块化、性能优化 自动化就是命令行操作，一行命令实现多个功能，例如自动监听变化，自动翻译源代码到打包代码库里面 2.文件复杂多样 css/js/html/img/svg 文件多 css-less-sass-scss-stylus js - coffee - ...

我们在上一篇《npm发布包教程（二）：发布包》中演示了如何发布npm包，npm仓库有了我们自己的包，接下来就进入到安装并使用我们自己的包的环节。 第一步：初始化测试工程 {代码...} 第二步：npm官网找包 官网输入我们已经发布的包 yuyy-test-pkg @yuyy/babel 页面会有安装命令，如下图所示： 第三步：安装 依次执行下面...

我所在项目工程暂未受到影响，所以我个人觉得简写的可能性大点，但也不排除第一种说法 webpack 对写法 做了兼容，新版本的文档都是采用 use, 所以大家采用 use 就好。

首先，npm link 在包文件夹中，将在全局文件夹{prefix}/lib/node_modules/<package>中创建一个符号链接，该 链接链接到 npm link 执行命令的包。（请参阅 ` npm config 以获取的值 prefix）。它还会将包装中的所有垃圾箱链接到{prefix}/bin/{name}`。