随笔分类 - webpack
摘要：[A] webpack搭建开发服务器，实现文件修改后自动打包 1. 安装： npm i webpack-dev-server -D 2. webpack中配置 // 开发服务器，注意devServer和loader等同级 devServer: { host: "localhost", // 启动服务
阅读全文
摘要：[A] 简介 1. 当前，我们通过手动创建一个htm文件，然后将打包后的js文件添加到这个html文件中 2. 但是，当打包后的文件名更改后，打包的文件有若干个后，我们需要手动更改html文件中的内容，这样做比较繁琐 3. 因此，可以使用 HtmlWabpackPlugin 插件来简化上述的操作，使
阅读全文
摘要：[A] 简介 1. webpack自身可以处理js资源，但是仅限于处理 js 中简单的 ES Module 语法 2. webpack自身不能进行代码检测，ts->js的转换，箭头函数不能编译(IE不能识别任何的ES6语法) 3. 因此，对于JS代码的处理，主要分为两部分：代码编译 和 格式检测 代
阅读全文
摘要：[A] webpack处理样式资源 1. 样式资源包括css, less, sass, stylus资源 2. webpack本身是不能识别样式资源的, 我们需要借助loader来帮助webpack解析样式资源,可以去webpack官方文档查找相关loader 处理css资源: 示例: 1. 创建一
阅读全文
摘要：[A] webpack五大核心概念 1. entry 提示 webpack 从哪个文件开始打包 2. output 提示webpack打包完的我呢见输出到哪去，如何命名 3. loader webpack本身只能处理 js, json资源，其他资源需要借助于loader才能解析 4. plugin
阅读全文
摘要：[A] 基本使用 webpack是一个静态的模块化打包工具，它以一个或多个文件作为打包的入口，将我们整个项目所有的文件编译组合成一个或者多个文件输出 [B] 功能介绍 webpack本身功能实有限的, 只能处理js，json资源，一旦遇到css等其他资源，就会报错 开发模式：仅能编译 JS 中的 E
阅读全文
