Please enable JavaScript.
Coggle requires JavaScript to display documents.
webpack 3 (配置 webpack 配置是 commonjs 模块 (output 将资源 assets 聚拢在一起以后要放在哪 …
webpack 3
配置
webpack 配置是 commonjs 模块
devServer
contentBase: webpack-dev-server 会监听该目录进行刷新页面
context
基础路径，绝对路径
从这里解析 entry 和 loader
entry
应用程序入口
用 array 可配置多个主入口
output
将资源 assets 聚拢在一起以后要放在哪
至少要配置 path 和 filename
path
filename
publicPath: cdn 和 hash 资源
module
loader 可以在 import 或加载模块时预处理文件
module.rules: Array
plugins
为了解决loader无法实现的事
let compiler = webpack(configuration);
resolve
module
解析模块时应该搜索的目录
resolve
alias
创建 require 或 import 的别名，使模块引入更简单
资源管理
css
style-loader
css-loader
图片, 字体
file-loader
csv, tsv
csv-loader
xml
xml-loader
Hot Module Replacement
模块热更新
HMR 会在应用运行过程中替换、添加或删除模块，无需重新加载整个页面
manifest
跟踪模块映射到输出bundle的过程