webpack
文章平均质量分 71
Eric_zhangb
一直在路上
展开
-
webpack源码打包文件分析-异步加载
打包前文件index.js文件import('./bundle/a').then((add) => { console.log('add---')})a.js文件const add = function (a, b) { return a + b}export default add使用webpack的mode为development打包第一步加载__webpack_require__(__webpack_require__.s = "./index.js")原创 2020-12-17 20:24:11 · 328 阅读 · 0 评论 -
HMR(热替换)
HMR 即模块热替换(hot module replacement)的简称,它可以在应用运行的时候,不需要刷新页面,就可以直接替换、增删模块。webpack 可以通过配置 webpack.HotModuleReplacementPlugin 插件来开启全局的 HMR 能力, plugins: [ new webpack.DefinePlugin({ 'process.env'原创 2018-01-05 16:20:21 · 10917 阅读 · 0 评论 -
babel
Babel介绍Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel 你可以使用(并创建)下一代的 JavaScript,以及下一代的 JavaScript 工具。在新的javascript得到广泛普及之前,Babel 能够让你提前(甚至数年)使用它们。而不用担心环境是否支持。 不过 Babel 的用途并不止于此,它支持语法扩展,能支持像 React 所用的 JSX原创 2018-01-26 17:28:15 · 1407 阅读 · 0 评论 -
加载调试本地loader
在开发loader的过程中,为了测试编写的loader能否正常工作,需要将它配置到webpack中,才可能调用该loader,为此,需要先将编写的loader发布到npm仓库,再安装到本地项目中使用,但这种方法会很麻烦,解决以上问题的便捷方法有如下两种:npm linknpm link 专门用于开发和调试本地的npm 模块,能做到在不发布模块的情况下,将本地的一个正在开发的模块的源码链接到原创 2018-01-29 14:57:24 · 2037 阅读 · 0 评论 -
devserver之自动刷新
我们知道,webpack模块负责监听文件,webpack-dev-server模块则负责刷新浏览器,本文则详细讲述这两种原理文件监听相关配置module.export = { // 只有开启监听模式时,watchoptions才有意义 // 默认是 false,也就是不开启 watch: true, // 监听模式开启时,watchOptions才有意义原创 2018-01-29 18:41:21 · 1893 阅读 · 0 评论