在一个vue组件中，需要引入pdf文件。
<a href="../assets/doc/XXX.pdf" target="_blank"></a>
打包插件就用的file-loader。
{
test: /\.pdf$/,
use: {
loader: 'file-loader',
options: {
name: 'doc/[name].[ext]'
}
}
}
结果无效。文件没打包，链接也没变。后来，变通了一下。a标签不直接引入 pdf 。通过vue变量引入。
……
<a :href="pdf" target="_blank"></a>
……
<script>
export default {
data(){
return {
pdf: require('../assets/doc/XXX.pdf')
}
}
}
</script>
打包，ok，搞定。
文章最初发布在简书，时间为 2018.07.17 23:12。