webpack
webpack的相关学习笔记
wujiayucn
选一个自己喜欢的方向,一条道走到黑!
展开
-
webpack学习笔记(3):Entry和Output基础用法
Entry用来指定 webpack 的打包入口webpack是一个模块打包器,对于代码资源或者非代码资源都会当成一个个的模块,对于模块之间的依赖,通过Entry,去寻找依赖之间的关系,从而形成一颗依赖树,然后生成打包的资源。Entry的用法单入口 ( entry是一个字符串)module.exports = { entry: './path/entry/file.js'}入口只有一个或者单页应用多入口 ( entry是一个对象)module.exports = {原创 2021-08-10 15:07:45 · 385 阅读 · 0 评论 -
webpack学习笔记(2):webpack的超级简单的例子
一个超级简单的例子新建一个webpack配置文件文件: webpack.config.jsconst path = require('path');module.exports = { entry: './src/index.js', output: { path: path.join(__dirname, 'dist'), filename: 'bundle.js' }, mode: 'production'};创建原创 2021-08-04 16:09:23 · 304 阅读 · 0 评论 -
webpack学习笔记(1):webpack概览和安装
为什么需要构建工具转换ES6/ES7语法转换JSXCSS前缀补全/预处理器压缩混淆代码图片压缩上面的操作都需要使用构建工具来完成为什么选择webpack社区生态丰富配置灵活支持插件化扩展官方更新迭代速度快(接近于一年一个大版本)webpack 的配置文件默认的配置文件: webpack.config.js指定配置文件:webpack --config 指定配置文件文件名称对不同的环境指定不通的配置文件简单的webpack组成module.exports =原创 2021-08-04 16:07:34 · 127 阅读 · 0 评论