这是一个创建于 2210 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近自己用 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