webpack
webpack的一些配置及含义
致我逝去的青春
人生可以浓缩成三句话:1、你的责任就是你的方向,你的经历就是你的资本,你的性格就是你的命运。2、复杂的事情简单做,你就是专家;简单的事情重复做,你就是行家;重复的事情用心做,你就是赢家。3、美好是属于自信者的,机会是属于开拓者的,奇迹是属于执著者的
展开
-
了解前后端联调,认识webpack,以及ES6import命令
1.前后端联调1.什么是前后端联调? 前后端联合调试 调试接口 当前后端阶段性开发完一个模块以后,前后端项目都提交,后端启动服务,前端向服务器发送请求,看能不能拿到后端真实的数据,这个验证双方接口的过程就是前后端流程2.为什么前后端联调? 前后端分离 前后端开发之前由后端制定接口文档,接口文档制定了每一个请求的地址 参数 请求方式;后端根据接口文档写代码3.公司什么时...原创 2020-03-05 14:32:06 · 336 阅读 · 0 评论 -
webpack--从基础使用到手动实现
webpack中的核心概念entry 用于指定本次webpack打包的地址(相对地址即可)如:单入口entry:'./src/index.js'或:entry:{ main:'./src/index.js'}多入口entry:{ main:'./src/index.js', other:'./src/other.js'}output 用于指定打包完成之后的输出文件地址及文件名,文件地址使用绝对地址单文件output:{ filename转载 2020-07-13 14:37:32 · 261 阅读 · 0 评论 -
webpack 深入了解之loader配置详解(二)
四,控制loader的执行顺序用rules.enforce来控制,其有两个值:pre:优先执行post:最后执行rules: [ { test:/\.less$/, loader:'less-loader' }, { test: /\.less$/, loader:'css-loader', }, { test: /\.less$/, loader:'style转载 2020-07-10 17:56:48 · 3792 阅读 · 0 评论 -
webpack 深入了解之loader配置详解(一)
一,webpack 中loader作用 1.从语法角度看,loader是一个普通的Node.js模块,只是必须以函数格式导出来供使用。 如果有必要可以使用一切Node.js功能模块。 2.从功能角度看,loader是在Webpack中作用于指定格式的资源文件并将其按照一定格式转换输出 3.一个Loader只做一件事情,可配置性好。loader支持链式调用。 上一个loader的处理结果可以传给下一个loader接着处理,上一个Loader的参数options可以传递给下一个loader,直到最转载 2020-07-10 17:34:20 · 2263 阅读 · 0 评论 -
webpack 之深入了解
概念 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 从 webpack v4.0.0 开始,可以不用引入一个配置文件。在开始前你需要先理解四个核心概念: 入口(entry) 输出(output) loader 插件 (plugins)转载 2020-07-03 15:02:07 · 206 阅读 · 1 评论