如何使用Vue Cli 3添加对PDF文件的支持？
如何使用Vue Cli 3添加对PDF文件的支持？
提问于 2018-03-02 10:55:02
我需要配置Webpack，以接受和处理url-loader通过Vue Cli (最新)的PDF文件。
vue.config.js
module.exports = {
configureWebpack: {
rules: [
{
test: /\.(pdf)(\?.*)?$/,
use: [
{
loader: 'url-loader',
options: {
name: 'files/[name].[hash:8].[ext]'
}
}
]
}
]
}
}上面看上去是对的还是我漏掉了什么？这里的文档是：https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md#basic-configuration
我知道错误：
WebpackOptionsValidationError:无效的配置对象。Webpack已经使用一个与API模式不匹配的配置对象进行初始化。配置有一个未知的属性“规则”。
显然，在我的理解中，关于如何在Vue中增强生成的Webpack配置，我忽略了一些东西。
帮助感激！谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-03-02 10:57:43
结果，我错过了rules数组的另一个级别。
module: {}因此，它应该是完整的：
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.(pdf)(\?.*)?$/,
use: [
{
loader: 'url-loader',
options: {
name: 'files/[name].[hash:8].[ext]'
}
}
]
}
]
}
}
}我的错！希望这能帮到外面的人。
Stack Overflow用户
发布于 2018-03-29 09:58:05
对于coffeescript和vue-cli版本3，我需要npm install -D coffee-loader，然后将这个文件创建为vue.config.js
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.coffee$/,
use: [
{
loader: 'coffee-loader',
options: {
sourceMap: true
}
}
]
}
]
}
}
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49067696
复制相关文章
相似问题
腾讯云开发者
