webpack4
5篇文章 · 0订阅
  • 【webpack进阶】可视化展示webpack内部插件与钩子关系📈
    webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 也许你了解过webpack的插件与钩子机制；但你或许不知道，webpack内部拥有超过180个钩子，这些钩子与模块（内置插件）之间的「创建」「注册」「调用」关系非常复杂。因此，掌握webpack内部…
    JavaScript 前端 Webpack
    【webpack进阶】可视化展示webpack内部插件与钩子关系📈
  • 24 个实例入门并掌握「Webpack4」(三)
    这里会有选择是 React/Vue/JavaScript，我们统一都先选择 JavaScript。选完后会在项目的根目录下新建一个 .eslintrc.js 配置文件 @babel/parser 是 Babel 中使用的 JavaScript 解析器。
    Webpack
  • [译]Webpack 4 — 神秘的SplitChunksc插件
    这是我的一个粗略尝试，通过一个常见的例子来理解和帮助你使用 SplitChunksPlugin 选项。 作为早期的爱好者，我试图理解代码分割 (Code-Spliting) 背后的魔法。文档说 splitChucnks 接受'initial', 'async', 'all'。我…
    JavaScript Webpack React.js
  • 24 个实例入门并掌握「Webpack4」(二)
    字面意思是摇树，项目中没有使用的代码会在打包的时候丢掉。JS 的 Tree Shaking 依赖的是 ES6 的模块系统（比如：import 和 export） 命令行运行 webpack 打包后，打开打包后生成的 /dist/app.bundle.js 文件。查找我们 a()…
    Webpack
  • 24 个实例入门并掌握「Webpack4」(一)
    它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 production(生产) 和 develo…
    Webpack