chainWebpack设置 md文件加载插件
时间: 2023-06-13 07:03:05 浏览: 65
要在webpack中加载md文件,可以借助markdown-loader插件。可以通过chainWebpack来进行配置。
首先需要安装markdown-loader:
```
npm install markdown-loader --save-dev
```
然后在vue.config.js中配置chainWebpack:
```
module.exports = {
chainWebpack: config => {
config.module
.rule('md')
.test(/\.md$/)
.use('markdown-loader')
.loader('markdown-loader')
.end()
}
}
```
这样就可以在vue组件中通过import方式导入md文件并使用了:
```
<template>
<div>
<div v-html="markdown"></div>
</div>
</template>
<script>
import markdown from './README.md'
export default {
data () {
return {
markdown
}
}
}
</script>
```
注意:需要在vue组件中使用v-html指令来渲染md文件内容,而不是使用{{}}插值语法。另外,如果你的md文件中包含图片等资源文件,需要使用require()函数来导入。
相关问题
umircjs chainWebpack配置插件在打包后不生效
如果你在 `umirc.js` 中使用 `chainWebpack` 配置插件打包后不生效,可能有以下几种原因:
1. 配置错误:请确认你的 `chainWebpack` 配置是否正确,此配置是一个函数,需要返回一个 `webpack-chain` 的实例对象,然后你可以在这个实例对象上配置你的插件。如果你的配置有错误,可能会导致插件不生效。
2. 需要重新启动项目:`umi` 会缓存 `webpack` 的配置,如果你修改了 `chainWebpack` 配置,需要重新启动 `umi` 项目才能生效。建议尝试重新启动项目。
3. 插件安装问题:请确认你的插件是否正确安装,并且在 `umirc.js` 中正确配置。如果你的插件没有正确安装或者配置,可能会导致插件不生效。
4. 插件兼容性问题:请确认你的插件是否和 `webpack` 版本兼容,如果你使用的 `webpack` 版本和插件不兼容,可能会导致插件不生效。建议检查插件的文档,确认其兼容性。
如果以上方法都没有解决问题,请提供更多的信息,例如 `umirc.js` 配置、插件配置等,以便更好地帮助你解决问题。
umircjs chainWebpack配置插件,打包后不生效
关于 `umirc.js` 中 `chainWebpack` 配置插件不生效的问题,可能有以下原因:
1. 配置错误:请检查你的 `chainWebpack` 配置是否正确,是否在正确的位置进行配置。
2. 缓存问题:如果之前已经打包过,可能是缓存导致的。可以尝试清除缓存再重新打包试试。
3. webpack 版本问题:如果你使用的 `webpack` 版本和 `umi` 不兼容,也可能会导致插件不生效。建议检查 `webpack` 版本是否和 `umi` 兼容。
4. 插件问题:可能是你使用的插件有问题,建议检查插件是否正确安装和配置。
如果以上方法都不能解决问题,建议提供更多的信息,例如 `umirc.js` 配置、插件配置等,以便更好地帮助你解决问题。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)