Posts

在 此处为语雀文档，点击链接查看：https://www.yuque.com/gesidalijiashidai/fgeemd/av45k0 中没有尝试使用静态资源，无法确定项目能否正确处理图片资源，在这一版本尝试引入图片，实现一个 Vue 轮播图组件项目修改基于 webpack-vue_1 …

项目初始化创建目录、使用命令初始化 npm，然后在本地安装 webpack 和命令行工具 webpack-climkdir webpack-demo cd webpack-demo npm init -y npm install webpack webpack-cli –save-dev创建…

本篇的代码使用 webpack doc：缓存提供的 demowebpack 会生成一个可部署的 /dist 目录，放置打包后的内容。只要 /dist 目录中的内容部署到 server 上，client（通常是浏览器）就能够访问此 server 的网站及其资源。而最后一步获取资源是比较耗费时间的…

本篇的代码使用 webpack doc：代码分离提供的 demo 什么是代码分离：把代码分离到不同的 bundle 中，然后按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大影响加载时间 …

本篇的代码使用 webpack doc：开发环境提供的 demo 本节的内容和配置只应该应用于开发环境中 使用 source map 当 webpack 打包源代码时，可能会很难追踪到 error(错误) 和 warning(警告) 在…

本篇的代码使用 webpack doc：管理输出提供的 demo，准备的文件参考上述链接，可删除之前的 loader ​npm uninstall css-loader style-loader​本节旨在通过插件实现自动管理资源引入，而非手动 ​import​创建 src/paint.js 并…

本篇的代码使用 webpack doc：管理资源提供的 demo预处理器 Loader 是 Webpack 生态里一个重要的组成。Webpack 在进行打包的时候，对所有引入的资源文件都当作模块来处理。但 Webpack 自身只支持对 JS 文件处理（现在的版本也支持对 JSON 文件处理），…

在模块化编程中，开发者将程序分解为功能离散的 chunk，并称之为模块。每个模块都拥有小于完整程序的体积，使得验证、调试及测试变得轻而易举。 精心编写的模块提供了可靠的抽象和封装界限，使得应用程序中每个模块都具备了条理清晰的设计和明确的目的。—— webpack doc在其他高级语言中，Jav…