这是一个创于 2511 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近自己用 Vue 在写一个后台管理系统，有个页面需要用到打印功能，于是采用了 print.js 这个库，调用如下：
handlePrint() { printJS({ printable: 'printOrder', type: 'html', css: 'https://unpkg.com/element-ui/lib/theme-chalk/index.css', scanStyles: false, header: '信息中心耗材领用单', headerStyle: 'font-size: 20px;text-align: center;margin-top: 0' }) } 其中 css 键值引用的是 CDN 的 index.css 文件，我现在想引用项目本地的 css 文件要怎么搞哦，求助各位大佬了。
 | 1 hjdtl 2018-11-30 09:03:56 +08:00 style 标签中就可以引入了 |
 | 2 anmie 2018-11-30 09:19:08 +08:00 最无脑的就是直接在 index.html 直接引入，当然了这样写有点暴力 另外就是在配置文件里配置一下，具体代码我没有，你可以以这个思路搜一搜 |
 | 3 Leszeu OP @hjdtl 关键是 style 标签中引入后，methods 方法中怎么使用这个 css 文件了，因为这个插件 css 键值就是 css 的文件路径 |
| 4 Leszeu OP @anmie index.html 文件中引入代表样式作用全局吧，而我目前是想要在 vue 文件中的 script 标签中引用这个 css 文件的路径哦 |
 | 5 yhxx 2018-11-30 09:30:53 +08:00 最简单的办法，你把本地的 css 文件上传一份到 cdn 不就行了 |
 | 7 FakeLeung 2018-11-30 09:36:22 +08:00 不太行，因为最后 js 中都要经过 webpack 打包处理。 要不试试直接 import style from '@/styles/index.css' 看看 style 是什么。 |
 | 8 wujie396 2018-11-30 09:41:15 +08:00 import printCss from '@/printCss.css' handlePrint() { printJS({ style: printCss, }) } http://printjs.crabbly.com/ |
 | 9 shintendo 2018-11-30 09:50:05 +08:00 能不能用 URL.createObjectURL() ？ |
 | 11 matchadog 2018-11-30 10:23:41 +08:00 要么写 index.html 要么 main.js 引用 要么当前页面的 style 里引用 |
 | 12 jin5354 2018-11-30 10:30:56 +08:00 把 css 上传到 cdn 或者源站，直接拿链接是最简单的 如果不想拿链接，用 raw-loader 配合 blob URL 也行 |
 | 13 oliver34 2018-11-30 11:29:01 +08:00 6 楼正解，style 标签里 import |
 | 16 Sapp 2018-11-30 13:34:29 +08:00  1 webpack 的一个特点就是万物皆可以 require... |
 | 17 zhyl 2018-11-30 13:54:57 +08:00 1 vue-cli 2.x 创建的项目把样式文件放在 static 目录下面，然后 css 属性直接填写相对根路径，例如 '/main.css' vue-cli 3.x 创建的项目样式文件放在 public 目录下面，同样使用相对根路径引用 css |
Select Language