diff --git a/webpack.md b/webpack.md index 9a01c76..f42dcfd 100644 --- a/webpack.md +++ b/webpack.md @@ -13,14 +13,17 @@ webpack是一个静态文件打包器 入口是指webpack应在那个文件开始处理依赖图 然后输出到一个叫bundles(包)文件中 可以使用entry属性 定义入口 +``` module.exports = { entry: './path/to/my/entry/file.js' }; +``` ## 出口 出口是告诉webpack将所打包成功的 bundel输出到哪个位置 以及如何命名 默认为./dist 可以使用output定义 +``` const path = require('path'); module.exports = { @@ -30,6 +33,7 @@ module.exports = { filename: 'my-first-webpack.bundle.js' } }; +``` path 输出目录 filename 输出文件名 @@ -39,4 +43,20 @@ loder 可以让webpack处理javascript文件之外的 loader将其他文件转化为webpack可以处理的有效模块文件 webpack loader配置有两个目标 - test属性 用来标识要处理的某个文件或某些文件 -- use属性 表示转换时 用到那一个 \ No newline at end of file +- use属性 表示转换时 用到那一个koader +``` +const path = require('path'); + +const config = { + output: { + filename: 'my-first-webpack.bundle.js' + }, + module: { + rules: [ + { test: /\.txt$/, use: 'raw-loader' } + ] + } +}; + +module.exports = config; +```