Arohaa

2020年3月20日

摘要： webpack学习记录(十二) 区分不同环境定义全局变量使用webpack内置的插件DefinePlugin 允许创建一个在编译时可以配置的全局常量。用法创建两个环境配置创建一个webpack.base.js, 然后在webpack.prod.js和webpack.dev.js中引入。阅读全文

posted @ 2020-03-20 19:41 Arohaa 阅读(199) 评论(0) 推荐(0)

webpack学习记录(十一)-resolve

摘要： webpack学习记录(十一) resolve 配置模块如何解析。例如，当调用 import 'lodash'时，resolve 选项能够对 webpack 查找 'lodash' 的方式去做修改。解析第三方包设置别名设置主入口文件名称设置扩展名阅读全文

posted @ 2020-03-20 19:39 Arohaa 阅读(231) 评论(0) 推荐(0)

webpack学习记录(十)-跨域

摘要： webpack学习记录(十) 跨域准备工作建一个简单的服务端发送一个请求这里就涉及到跨域问题了，用webpack dev server启动默认是8080端口，但是服务端监听的是3000端口。解决办法如下。方法一请求到 /api/xxx 现在会被代理到请求 http://localhos 阅读全文

posted @ 2020-03-20 19:37 Arohaa 阅读(100) 评论(0) 推荐(0)

webpack学习记录(九)-小插件应用

摘要： webpack学习记录(九) 小插件应用 clean webpack plugin 每次输出之前先删除之前的目录，即每次输出都是最新的打包文件安装及配置 copy webpack plugin 拷贝文件到输出目录安装及配置 bannerPlugin webpack内置的插件，用来声明版权安装及阅读全文

posted @ 2020-03-20 19:35 Arohaa 阅读(109) 评论(0) 推荐(0)

2020年3月16日

webpack学习记录(八)-sourcemap/watch

摘要： webpack学习记录(八) sourcemap/watch sourcemap source map就是我们编译后的源文件映射。当使用webpack 编译前端项目时，配置项devtool控制是否生成source map。分为以下两类。内联源映射，将映射的数据之间添加在生成的文件中，在.map文件阅读全文

posted @ 2020-03-16 11:20 Arohaa 阅读(149) 评论(0) 推荐(0)

webpack学习记录(七)-打包多页应用

摘要： webpack学习记录(七) 打包多页应用准备工作在src下新建一个index.js和一个other.js，新建一个index.html 配置 webpack.config.js 阅读全文

posted @ 2020-03-16 11:18 Arohaa 阅读(94) 评论(0) 推荐(0)

webpack学习记录(六)-图片处理

摘要： webpack学习记录(六) 图片处理图片处理图片引入方式有三种：在js中创建图片并引入，在css中引入background('url')方式来引入，以及在html中直接写死。在js中使用这种方式需要使用file loader,file loader默认会在内部生成一张图片到dist目录下阅读全文

posted @ 2020-03-16 11:16 Arohaa 阅读(114) 评论(0) 推荐(0)

2020年3月15日

webpack学习记录(五)-全局变量引入问题

摘要： webpack学习记录(五) 全局变量引入问题当我们引入第三方模块的时候，一些模块可能会依赖全局上的变量，但是通过es6语法无法将引入的模块挂载到全局上，这里就可以使用expose loader。安装使用 1. 使用内联的loader 2. 在webpack.config.js中配置 3. 阅读全文

posted @ 2020-03-15 22:13 Arohaa 阅读(485) 评论(0) 推荐(0)

webpack学习记录(四)-处理js代码

摘要： webpack学习记录(四) 处理js代码 ES6的一些高级语法浏览器暂不支持，因此需要把代码转换成ES5才可以在浏览器上正常执行。所需要安装的插件如下： babel loader @babel/core @babel/preset env @babel/plugin proposal class 阅读全文

posted @ 2020-03-15 22:12 Arohaa 阅读(196) 评论(0) 推荐(0)

webpack学习记录(三)-插件

摘要： webpack学习记录(三) 插件 plugin是用于扩展webpack的功能，各种各样的plugin几乎可以让webpack做任何与构建先关的事情。 plugin的配置很简单，plugins配置项接收一个数组，数组里的每一项都是一个要使用的plugin的实例，plugin需要的参数通过构造函数传入阅读全文

posted @ 2020-03-15 11:10 Arohaa 阅读(397) 评论(0) 推荐(0)

公告