kuxku

stats是控制 webpack 如何打印出开发环境或者生产环境的打包结果信息。如果是开发环境使用 WDS，还可以在devServer.stats配置。 这些信息可以通过devServer.info - CLI only来禁用，本来这些东西也没啥用，这样再配合一些 webpac…

还有一个需要注意的点是对于 antd 的less，les-loader需要额外配置javascriptEnabled: true这个配置项，如果出现像下面这样的错误，就说明没配置正确。并且less-loader的v5版本和v6+版本以后的配置方式也不一样，v5版本是直接在opt…

安装@types的类型声明包。当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能，声明文件是以index.d.ts的一个文件，一般放在项目的根目录中，或者可以通过package.json中的typings/types属性来指定项目中声明文件的位置…

使用resolve.extensions可以配置文件的默认后缀名，默认是['.wasm', '.mjs', '.js', '.json']。当省略文件后缀名时，webpack 会尝试对文件名依次添加后缀名并解析，如果找到相关后缀的文件就停止解析。例如import "./data…

经常让人摸不着头脑的是 chunk 和 bundle 这两个概念。chunk，翻译过来就是大块，也就是代码块；而 bundle 则是束，包的意思。从 webpack 给出的术语表中是这么解释的： webpack 文档的解释很模糊，chunk 其实是 code splitting…

上篇文章简单介绍了以下webpack内部WDS的使用，这节讨论一下WDS内部proxy的配置方式。 webpack-devServer，一般简称WDS，是 webpack 内置的用于开发环境的服务器配置。webpack本身提供三种方式用于开发环境修改代码以后自动编译，以提高开发…

webpack 通过loader来支持多种语言和预处理器语法编写的模块，这样就可以处理各种非 JS 内容。 之前的配置是直接在 webpack 的打包输出目录下创建一个 html 页面，并手动引入 webpack 输出的 JS 文件。尽管引入了 WDS，可以自动打开并刷新页面，…

之前通过一些 webpack 的简单配置，项目可以使用 React 来编写基本组件了，但是每次编写组件，都需要重新执行webpack命令打包，然后再手动在浏览器中打开页面才能看到开发结果，这是十分影响开发效率的，我们要的效果yarn start启动项目运行，在开发过程中使用ct…