https://github.com/react-doc/raw-tree-replace-loader
raw tree replace for webpack
https://github.com/react-doc/raw-tree-replace-loader
rdoc webpack webpack-loader webpack3
Last synced: 15 days ago
JSON representation
raw tree replace for webpack
- Host: GitHub
- URL: https://github.com/react-doc/raw-tree-replace-loader
- Owner: react-doc
- Created: 2018-01-05T20:01:51.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-24T04:42:39.000Z (almost 8 years ago)
- Last Synced: 2024-04-23T23:46:43.583Z (almost 2 years ago)
- Topics: rdoc, webpack, webpack-loader, webpack3
- Language: JavaScript
- Size: 2.93 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Raw Tree Replace Loader
Replace the specified JSON file with the contents of the directory tree.
Install
```bash
npm install --save-dev raw-tree-replace-loader
```
**webpack.config.js**
```js
module.exports = {
module: {
rules: [
{
test: /\.json$/,
use: [
{
loader: require.resolve('raw-tree-replace-loader'),
options: {
include: /rdoc\.tree\.data\.json$/, // 检查包含的文件名字
extensions: /\.md/,
directoryTrees: { // 指定目录生成目录树，json
dir: ['/path/to/dir'],
mdconf: true,
extensions: /\.md/,
relativePath: true, // 获取相对目录, dir 参数替换，路径的前部分
}
}
}
]
}
]
}
}
```
### In Webpack 4
```diff
module.exports = {
module: {
rules: [
{
test: /\.json$/,
// Disable Webpack 4 Native JSON Loader
+ type: 'javascript/auto',
use: [
{
loader: require.resolve('raw-tree-replace-loader'),
options: {
include: /rdoc\.tree\.data\.json$/, // 检查包含的文件名字
extensions: /\.md/,
directoryTrees: { // 指定目录生成目录树，json
dir: ['/path/to/dir'],
mdconf: true,
extensions: /\.md/,
relativePath: true, // 获取相对目录, dir 参数替换，路径的前部分
}
}
}
]
}
]
}
}
```