摘要: 下面汇总了一些日常开发会使用到的加载器的配置放下,请继续往下看 打包处理css文件 1.在终端中运行如下命令,安装处理 css 文件的加载器 2.打开 webpack.config.js ,新建一个 module 节点并配置,配置内容如下: 打包处理less文件 1.在终端中运行如下命令,安装处理 阅读全文
posted @ 2019-11-22 17:31 木子蔻 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 通过 loader 打包非 js 模块 在实际开发过程中, webpack 默认只能打包处理以 .js 后缀名结尾的模块,其他非 .js 模块 webpack 默认处理不了, 需要调用 loader 加载器才可以正常打包,否则会报错! 1. loader 是什么? loader 加载器可以协助 we 阅读全文
posted @ 2019-11-22 17:24 木子蔻 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 配置打包的入口与出口 1. 默认约定 webpack 的 4.x 版本中默认约定 1. 打包的 入口文件为 src index.js 2. 打包的 输出文件为 dist main.js 2. 修改 修改打包的入口与出口,可以在 webpack.config.js 中新增加如下配置信息 3. 在终端中 阅读全文
posted @ 2019-11-22 17:14 木子蔻 阅读(468) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章中出现的错误,其实可以基于 webpack 把这种有兼容性的代码转换成没有兼容性的代码,再引入转换之后的 js 文件就可,具体实现如下: 1. 安装包 在终端中运行如下命令,安装 webpack 相关的包 2. 创建配置文件 在项目的根目录中,创建 webpack.config.js 的 阅读全文
posted @ 2019-11-22 16:40 木子蔻 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 1. 当前 Web 开发所面临的困境 + 文件依赖关系错综复杂 + 静态资源请求效率低 + 模块化支持不友好 + 浏览器对高级 Javascript 特性兼容性低 + 等等.... 面临这么多困境,怎么去解决呢?当然是 webpack 啦~ 1. webpack 是什么? webpack 是一个流行 阅读全文
posted @ 2019-11-22 16:36 木子蔻 阅读(341) 评论(0) 推荐(0) 编辑